天天看点

前端——Electron+Vue打包.exe桌面程序

前端——Electron+Vue打包.exe桌面程序

纪年科技aming

网络安全 ,深度学习,嵌入式,机器强化,生物智能,生命科学。

叮叮叮:产品已上线 —>关注 官方-微信公众号——济南纪年信息科技有限公司

民生项目:商城加盟/娱乐交友/创业商圈/外包兼职开发-项目发布/

安全项目:态势感知防御系统/内网巡查系统

云服项目:动态扩容云主机/域名/弹性存储-数据库-云盘/API-AIeverthing

产品咨询/服务售后(同)

纸上得来终觉浅,绝知此事要躬行 !!!

寻找志同道合伙伴创业中。。。抱团滴滴aming联系方式!!

#本文为广告系统自动投放广告

# 如有侵权 删改 请速速联系我们

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

npm uninstall -g vue-cli
           

安装最新版脚手架

cnpm install -g @vue/cli
           

创建一个 vue 随便起个名

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

进入 创建过的 vue文件

前端——Electron+Vue打包.exe桌面程序
cd electron-vue-example
 
cnpm install electron -g
           
前端——Electron+Vue打包.exe桌面程序
前端——Electron+Vue打包.exe桌面程序
前端——Electron+Vue打包.exe桌面程序

运行 vue

npm run serve
           
前端——Electron+Vue打包.exe桌面程序
前端——Electron+Vue打包.exe桌面程序

将vue 添加 electron模块

vue add electron-builder
           
前端——Electron+Vue打包.exe桌面程序
前端——Electron+Vue打包.exe桌面程序
前端——Electron+Vue打包.exe桌面程序

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

npm run electron:serve
           
前端——Electron+Vue打包.exe桌面程序
前端——Electron+Vue打包.exe桌面程序
// 这个错误 网上说必须科学上网才可以安装  所以我临时没有进行安装  后继没有发现有异常错误
Vue Devtools failed to install: ReferenceError: installExtension is not defined
// 全局搜索 这个 注释掉 VUEJS_DEVTOOLS
 
           
前端——Electron+Vue打包.exe桌面程序

最终 打包exe

npm run electron:build
           
前端——Electron+Vue打包.exe桌面程序
前端——Electron+Vue打包.exe桌面程序

报错安装一下插件

npm install -g yarn