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*"
- 看个人的代理设置 之后就可以愉快的打包了
注意 项目上传到githib后重新clone下来 运行install 会卡在下载中
解决方案:
打开文件 ~/.yarnrc
将里面的文本修改成
registry "https://registry.npm.taobao.org"
electron_mirror "https://npm.taobao.org/mirrors/electron/"
如有 lastUpdateCheck 1549116918628 删掉!!
再运行yarn install
即可
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)