electron + vue 从搭建运行到打包

本文主要是介绍electron + vue 从搭建运行到打包，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

1.Vue脚手架安装，建议用npm安装（yarn安装的版本不是最新版？）

npm install -g @vue/cli# ORyarn global add @vue/cli

2.创建项目

vue create yourProjectName

执行之后根据提示简单配置项目

安装完成后可以用npm run serve 或者 yarn run serve 测试项目是否正常

3.配置Electron

进入项目目录 vue add electron-builder

4.启动项目

yarn electron:serve

或

npm run electron:serve

5.打包项目

yarn run electron:build

记得在json文件里填入用户和描述打包必备

这时你会发现他在去下载文件的时候卡住了基本上下不下来是因为需要FQ 可是普通FQ还是不行 关键来了必须得给powershell设置代理才能把文件下下来从而完成打包

$env:http_proxy="http://127.0.0.1:1080*"
$env:https_proxy="http://127.0.0.1:1080*"

看个人的代理设置之后就可以愉快的打包了

这篇关于electron + vue 从搭建运行到打包的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！

Javascript