配置Electron+vue开发环境(支持VUE-CLI 3.0 +)

主要用到的是一款基于 VUE-CLI 3.0 + 的 Electron 插件式开发工具：electron-builder

步骤：

（注：1、macOs下，命令前尽量加上sudo，有些命令需要权限。2、安装源在安装electron相关依赖的时候，要使用官方源，不可使用淘宝镜像。）

切换官方源命令：

yarn config set registry https://registry.yarnpkg.com
npm config set registry https://registry.npmjs.org
// （npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver 记录用）

 

1、安装VueCli

npm install -g @vue/cli

2、创建vue项目

vue create app

3、在vue项目的根目录下创建electron项目

cd app
vue add electron-builder

　　注：目前（2021-08-09）安装electron-builder需要node版本>=14.0.0

4、然后就可以运行咱们的项目了

npm run electron:serve