开发知识点-Vue-Electron

开发知识点-Vue-Electron_第1张图片

Electron

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

Electron+Vue打包.exe桌面程序

在这里插入图片描述





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

 npm uninstall -g vue-cli

安装最新版脚手架

cnpm install -g @vue/cli

创建一个 vue 随便起个名

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

进入 创建过的 vue文件
在这里插入图片描述

cd electron-vue-example
 
cnpm install electron -g

在这里插入图片描述在这里插入图片描述

在这里插入图片描述

运行 vue

npm run serve

在这里插入图片描述
在这里插入图片描述

将vue 添加 electron模块

vue add electron-builder

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

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

npm run electron:serve

在这里插入图片描述在这里插入图片描述

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

在这里插入图片描述

最终 打包exe

npm run electron:build

在这里插入图片描述在这里插入图片描述

报错安装一下插件

npm install -g yarn

在这里插入图片描述

在这里插入图片描述

你可能感兴趣的:(vue.js,electron,javascript)