vue-cli3.x+electron安装教程

前言

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


教程开始

ps:请自行安装好vue环境

vue create my-electron

vue-cli3.x+electron安装教程

cd 项目名称

vue-cli3.x+electron安装教程
我们使用 electron-builder插件 安装主要为了省事

vue add electron-builder

vue-cli3.x+electron安装教程

问题开始

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

问题解决

再次执行

vue add electron-builder

vue-cli3.x+electron安装教程选择 y,回车
vue-cli3.x+electron安装教程运行项目

yarn electron:serve

vue-cli3.x+electron安装教程这时候要使用cnpm安装electron依赖,cpnm安装传送门

cnpm install --save electron

vue-cli3.x+electron安装教程再次运行项目

yarn electron:serve

vue-cli3.x+electron安装教程还缺少依赖,我们在使用cnpm安装

cnpm install --save electron-devtools-installer

vue-cli3.x+electron安装教程安装好之后,我们在运行

yarn electron:serve

vue-cli3.x+electron安装教程发现没有反应…啥情况,我们等待一下会出现
vue-cli3.x+electron安装教程等着等着,就出现了
vue-cli3.x+electron安装教程搞定~


总结

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

上一篇:electron搭建开发环境


下一篇:sql之透视