配置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