electron vue3 项目搭建
一.vue项目搭建
安装electron 需要搭建vue项目，这里用的vue3项目。
1.安装 下载 node 这里用的16版本
https://nodejs.org/zh-cn/
2.设置淘宝镜像
npm config set registry https://registry.npm.taobao.org
3.安装 vue-cli
npm install -g @vue/cli
4.创建vue项目
vue create project_name
选择vue3 版本 ，history路由模式，也可以自定义选择，根据实际情况操作选择即可，然后运行
npm run serve
在浏览器输入对应的网址就可以看到界面啦http://localhost:8080/
然后进行下一步操作
二、electron在vue3原基础上安装
1、直接添加electron-build集成插件，选择最新版本，目前13.0.0
vue add electron-builder
你会发现在原来的基础目录有些变化。
运行
npm run electron:serve
打包
npm run electron:build
首次运行的时候会比较慢，是因为项目中有个检查接口访问外网不通，所以会有一些卡顿，后面的话删掉就可以了，具体细节可以看下篇的项目优化。
© 版权声明
文章版权归作者所有，未经允许请勿转载。
版权声明：
1、IT大王遵守相关法律法规，由于本站资源全部来源于网络程序/投稿，故资源量太大无法一一准确核实资源侵权的真实性；
2、出于传递信息之目的，故IT大王可能会误刊发损害或影响您的合法权益，请您积极与我们联系处理(所有内容不代表本站观点与立场)；
3、因时间、精力有限，我们无法一一核实每一条消息的真实性，但我们会在发布之前尽最大努力来核实这些信息；
4、无论出于何种目的要求本站删除内容，您均需要提供根据国家版权局发布的示范格式
《要求删除或断开链接侵权网络内容的通知》：https://itdw.cn/ziliao/sfgs.pdf，
国家知识产权局《要求删除或断开链接侵权网络内容的通知》填写说明： http://www.ncac.gov.cn/chinacopyright/contents/12227/342400.shtml
未按照国家知识产权局格式通知一律不予处理；请按照此通知格式填写发至本站的邮箱 wl6@163.com
1、IT大王遵守相关法律法规，由于本站资源全部来源于网络程序/投稿，故资源量太大无法一一准确核实资源侵权的真实性；
2、出于传递信息之目的，故IT大王可能会误刊发损害或影响您的合法权益，请您积极与我们联系处理(所有内容不代表本站观点与立场)；
3、因时间、精力有限，我们无法一一核实每一条消息的真实性，但我们会在发布之前尽最大努力来核实这些信息；
4、无论出于何种目的要求本站删除内容，您均需要提供根据国家版权局发布的示范格式
《要求删除或断开链接侵权网络内容的通知》：https://itdw.cn/ziliao/sfgs.pdf，
国家知识产权局《要求删除或断开链接侵权网络内容的通知》填写说明： http://www.ncac.gov.cn/chinacopyright/contents/12227/342400.shtml
未按照国家知识产权局格式通知一律不予处理；请按照此通知格式填写发至本站的邮箱 wl6@163.com
