-
安裝NVM
下載NVM的Windows安裝程序。NVM的GitHub倉庫中提供了Windows安裝程序,可以在這里下載:https://github.com/coreybutler/nvm-windows/releases
運行安裝程序,按照提示完成安裝丈积。安裝過程中可以選擇安裝目錄,默認是C:\Users\用戶名\AppData\Roaming\nvm
安裝完成后,重新打開命令提示符窗口以獲取nvm和npm的路徑鬼悠。
使用nvm命令來安裝需要的Node.js版本。
nvm install 16 lts
安裝
# 安裝 Vue Cli
npm install -g @vue/cli
# 全局安裝 Electron
cnpm install electron -g
# 搭建 vue 環(huán)境
vue create .
# 添加Element-plus
vue add element-plus
# vue項目中添加 electron 模塊
vue add electron-builder
# 運行
npm run electron:serve
# 打包 electron 應用
npm run electron:build
windows 解決方案
打包 windows 應用時我們需要將整個項目的源碼上傳到 windows 電腦上
上傳到 windows 電腦上后同樣需要安裝 cnpm 不然 electron 是安裝不上的
打開項目目錄刪除掉 node_modules 重新 cnpm install
如果還是無法打包刪除掉 node_modules/electron 目錄重新 cnpm install
然后運行npm run electron:build進行打包
-
通用窗口控制代碼
- 無邊框窗口
mainWindow = new BrowserWindow({
frame: false,
...
})
- 隱藏工具欄
mainWindow.removeMenu()
