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 从搭建 运行 到打包的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！