搭建vue-electron项目
npm uninstall -g @vue/cli
npm install -g cnpm --registry=https://registry.npmmirror.com**
cnpm install -g @vue/cli
cnpm install electron -g
vue create electron-demo
cd electron-demo
# 尝试启动**
yarn serve
# 停止应用
vue add electron-builder
cnpm install
cnpm install vue-devtools --save-dev
修改 src/background.js
修改1：找到
import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer'
需改成
// import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer'
修改2：找到
app.on('ready', async () => {
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())
}
}
createWindow()
})
修改成
app.on('ready', async () => {
/*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())
}
}*/
createWindow()
})
npm run electron:serve
