準備工作 下載 electron-v9.4.4-win32-ia32.zip https://npm.taobao.org/mirrors/electron/9.4.4/electron-v9.4.4-win32-ia32.zip 解壓放到 C:\Users\Admin\AppData\Local\ ...
準備工作
下載 electron-v9.4.4-win32-ia32.zip
https://npm.taobao.org/mirrors/electron/9.4.4/electron-v9.4.4-win32-ia32.zip
解壓放到 C:\Users\Admin\AppData\Local\electron-builder\Cache 目錄下
下載 winCodeSign
https://npm.taobao.org/mirrors/electron-builder-binaries/winCodeSign-2.6.0/
解壓放到C:\Users\Admin\AppData\Local\electron-builder\Cache\winCodeSign\winCodeSign-2.6.0目錄下(
沒有的話,自己創建winCodeSign-2.6.0)
下載/nsis-3.0.4.1
https://npm.taobao.org/mirrors/electron-builder-binaries/nsis-3.0.4.1/解壓放到C:\Users\Admin\AppData\Local\electron-builder\Cache\nsis\nsis-3.0.4.1 目錄下(
沒有的話,自己創建nsis-3.0.4.1) 全局安裝electron:npm install -g electron 最後在檢查一下是否都安裝完畢
準備工作做好之後就可以開始創建項目了
1.創建vue項目
vue create 項目名
這裡我直接選的預設
? Please pick a preset: Default ([Vue 3] babel, eslint)
2. cd 項目名 進入剛剛創建的vue項目
3.vue add electron-builder 將electron添加至項目
4.npm run electron:build運行一下打包命令 測試一下打包是否存在問題
如上:我整體創建下來的話是沒有任何報錯的
打包後的文件在:項目名\dist_electron 下有一個.exe文件 elapp Setup 0.1.0.exe 雙擊就可以運行了
5.項目啟動命令:npm run electron:serve
接下來就可以愉快的進入開發流程啦