搭建vue-electron项目

Jornici2024-11-20 7:06

搭建vue-electron项目

bash 复制代码

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：找到

html 复制代码

import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer'

需改成

html 复制代码

// import installExtension, { VUEJS_DEVTOOLS } from 'electron-devtools-installer'

修改2：找到

javascript 复制代码

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()

})

修改成

javascript 复制代码

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