# 示例1.無邊框窗口 ## 1.項目目錄結構： ~~~ frameless-window/ ├── assets //一些資源 ├── lib // 核心代碼 └── package.json // 包描述文件 ~~~ ## 2.package.json ~~~ { "name":"frameless-window", "main":"./lib/index.js", "version":"0.1.0" } ~~~ ## 3.配置VSCode 調試 在項目下 .vscode/ 目錄下增加 launch.json ： ~~~ { "version": "0.2.0", "configurations": [ { "name": "Electron 主進程調試", "type": "node", "request": "launch", "cwd": "${workspaceRoot}", "runtimeExecutable": "path/to/electron.exe", "program": "${workspaceRoot}/lib/index.js" } ] } ~~~ ## 4.index.js ~~~ const {app, BrowserWindow} = require('electron') let win function createWindow(){ win = new BrowserWindow({ width:360, height:640, frame:false, show:false, center: true, minWidth:220, minHeight:220 }) // win.openDevTools() win.loadURL(`file://${__dirname}/../resources/index.html`) win.on('ready-to-show',()=>{ win.show() }) // win.on('closed',()=>{ win = null }) } app.on('ready',createWindow) app.on('window-all-closed',()=>{ if(process.platform !== 'darwin'){ app.quit() } }) //處理 Mac 的 Dock 圖標點擊 app.on('activate', ()=>{ if(win === null){ createWindow() } }) ~~~