当前位置：首页 > article >正文

搭建vue-electron项目

article 2024/11/20 6:42:02

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

})