1.nodejs环境
安装nodejs //不做介绍
2.npm全局安装vue脚手架 vue-cli
npm install @vue/cli -g
3.cmd 到相应的目录下使用vue创建vue项目
vue create demo(demo是项目名称)
创建时根据提示选择相应的依赖
4.集成 electron
vue add electron-builder
会自动下载electron-builder然后集成到vue项目中
注:下载zip包时中间可能会卡,下载速度慢,建议ctrl+c终止手动下载,选择需要的zip包
下载地址 https://npm.taobao.org/mirrors/electron/
然后重新创建
5.在pageage.json会生成下列指令
"scripts": {
"serve": "vue-cli-service serve",//vue项目启动
"build": "vue-cli-service build",//vue项目打包
"lint": "vue-cli-service lint",
"electron:build": "vue-cli-service electron:build",//electron打包
"electron:serve": "vue-cli-service electron:serve",//electron启动
"postinstall": "electron-builder install-app-deps",
"postuninstall": "electron-builder install-app-deps"
},
6.使用electron:serve启动项目
npm run electron:serve