vue-cli3.x+electron安装教程

前言

这几天想搞个桌面软件玩玩，然后经过各种安装都靠不住，所以还是打算写一篇文章记录自己安装过程遇到的坑，需要对你有帮助。

---

教程开始

ps：请自行安装好vue环境

vue create my-electron

cd 项目名称

我们使用 electron-builder插件 安装主要为了省事

vue add electron-builder

问题开始

1. node install.js报错
2. Response code 404 (Not Found) for https://npm.taobao.org/mirrors/electron/v1
3. …

问题解决

再次执行

vue add electron-builder

选择

y，回车

运行项目

yarn electron:serve

这时候要使用

cnpm安装electron依赖，cpnm安装传送门

cnpm install --save electron

再次运行项目

yarn electron:serve

还缺少依赖，我们在使用cnpm安装

cnpm install --save electron-devtools-installer

安装好之后，我们在运行

yarn electron:serve

发现没有反应…啥情况，我们等待一下会出现

等着等着，就出现了

搞定~

---

总结

vue-cli3.x+electron坑很多，你不躺一下不知道多深，我也百度+谷歌+翻github都不靠谱，环境是一个难搞的东西，如果本篇文章对你有帮助不如点个赞、收藏。