當前位置:編程學習大全網 - 編程軟體 - electronvuecli + electron 的簡單方式electron-builder

electronvuecli + electron 的簡單方式electron-builder

安裝成功後,運行npm run electron:serve,如果出現以下頁面,說明成功了

// 執行下面的命令即可

npm run electron:build

//在dist_electron目錄下會發現壹個exe,雙擊這個exe會執行安裝程序。

//還有壹個win-unpacked文件夾,裏面是我們之前打包的模式,點擊裏面的electron-vue-my.exe,即可運行

常規的配置基本上都在 background.js 中

準備windows和macOS兩版圖標。

修改vue.config.js,這裏我就把修改的部分放出來:

打包APP

刪除dist_electron文件夾,重新執行打包命令,npm run electron:build,會發現應用的圖標變了

最終在dist_electron目錄下生成build後的產品。

參考:

/20200707/vue-cli3-electron.html

/a/1190000021376934

  • 上一篇:歷屆諾貝爾生理或醫學獎獲得者都有誰
  • 下一篇:便攜式編程計算機
  • copyright 2024編程學習大全網