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

 

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