vue-cli3 + electron初始化項目

vue-cli3安裝

npm install -g @vue/cli
# OR
yarn global add @vue/cli

安裝成功後通過命令行查看是否安裝成功:

vue --version
#OR
vue -V // 查看當前版本爲3.幾就是 成功的

項目創建

vue create vue-app  

添加electron

使用的是vue-cli-plugin-electron-builder插件，實現vue和electron結合。

vue add electron-builder

添加完成後項目會生成background.js文件，該文件就是electron的主進程的配置、操作文件。
electron項目開發環境啓動:

npm run electron:serve

electron項目正式環境打包:

npm run electron:build