1.創(chuàng)建vue項(xiàng)目
vue create electron-demo
//or
vue ui
2.在vue項(xiàng)目中安裝Vue CLI Plugin Electron Builder
修改electron鏡像再安裝vue add electron-builder
查看配置文件的位置
npm config list
找到打開該文件 添加
registry=https://registry.npm.taobao.org
electron_mirror="https://npm.taobao.org/mirrors/electron/"
安裝后Vue CLI Plugin Electron Builder的package.json文件
vue add electron-builder
//若安裝失敗直接淘寶鏡像安裝
vue add electron-builder --registry=https://registry.npm.taobao.org
3.運(yùn)行
yarn electron:serve
//or
npm run electron:serve
注：首次啟動(dòng)可能會(huì)等待很久茬斧，出現(xiàn)以下信息：
這是因?yàn)樵谡?qǐng)求安裝vuejs devtools插件，Devtools的安裝需要翻墻梗逮。所以我們目前不需要安裝他
注釋掉src/background.js中的以下代碼再次運(yùn)行就可以了
if (isDevelopment && !process.env.IS_TEST) {
// Install Vue Devtools
try {
await installExtension(VUEJS_DEVTOOLS)
} catch (e) {
console.error('Vue Devtools failed to install:', e.toString())
}
}
