vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue2 electron项目搭建

vue2+electron项目搭建过程

作者:森林的尽头是阳光

文章介绍了如何使用Vue CLI 2搭建Vue项目,并添加Electron插件vue-cli-plugin-electron-builder来创建一个Vue+Electron项目,文章还提供了启动和打包项目的方法,并提示了下载国内网较慢的文件时可以先注释掉代码进行调试,感兴趣的朋友一起看看吧

一、vue2搭建

官方链接:https://cli.vuejs.org/zh/guide/installation.html

1、安装vue-cli

npm install -g @vue/cli
# OR
yarn global add @vue/cli

2、vue项目创建

vue create electron-vue-demo

二、vue项目添加electron

安装插件 vue-cli-plugin-electron-builder

https://nklayman.github.io/vue-cli-plugin-electron-builder/guide/ 

1、安装

vue add electron-builder

2、安装成功后文件变化

package.json

三、项目运行

background.js如下代码国内网下载比较慢,是个调试工具可以先注释掉,注释后运行命令就可以快速启动客户端了

npm run electron:serve

四、项目打包

npm run electron:build

打包后,在这个目录下

打包优化

https://www.electron.build/

简单优化一下

到此这篇关于vue2+electron项目搭建的文章就介绍到这了,更多相关vue2 electron项目搭建内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

您可能感兴趣的文章:
阅读全文