开发知识点-Vue-Electron

amingMM2023-11-12 13:22

Electron

- Electron+Vue打包.exe桌面程序

Electron+Vue打包.exe桌面程序

为了不报错卸载以前的脚手架

clike 复制代码

 npm uninstall -g vue-cli

安装最新版脚手架

clike 复制代码

cnpm install -g @vue/cli

创建一个 vue 随便起个名

clike 复制代码

 vue create electron-vue-example (随便起个名字electron-vue-example)

进入创建过的 vue文件

clike 复制代码

cd electron-vue-example
 
cnpm install electron -g

运行 vue

clike 复制代码

npm run serve

将vue 添加 electron模块

clike 复制代码

vue add electron-builder

运行 electron 模块是否可以弹出窗口

clike 复制代码

npm run electron:serve

clike 复制代码

 // 这个错误 网上说必须科学上网才可以安装  所以我临时没有进行安装  后继没有发现有异常错误
Vue Devtools failed to install: ReferenceError: installExtension is not defined
// 全局搜索 这个 注释掉 VUEJS_DEVTOOLS

最终打包exe

clike 复制代码

npm run electron:build

报错安装一下插件

clike 复制代码

npm install -g yarn