electron项目搭建使用vue-cli

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