vuecli+electron安装教程，日nm，巨坑！！！！

日nm，巨坑，你会遇到各种奇怪拉不下来的问题，非常痛苦

目前将讲述两种方法。

注意点：

• 希望不管是cnpm安装还是yarn安装都装上cnpm
• node 16.14.2
• electron 11.0.0

一、cnpm安装 （但是有可能遇到超时问题，先尝试这个）

首先安装cnpm

npm install cnpm -g --registry=https://registry.npmmirror.com 

检查仓库地址

npm config get registry  

不是的话，执行

npm config set registry https://registry.npm.taobao.org

如果有时区问题或者ssl

npm config set strict-ssl false
npm config set registry https://registry.npmmirror.com/

脚手架安装，我这里使用的是vue2

cnpm install @vue/cli –g

vue create project-name

cd到项目目录

cd .\electron-test\

安装electron-chromedriver

cnpm install --save-dev electron-chromedriver

安装electron-builder

vue add  electron-builder

如果没有错误那么恭喜你！！但是vue add electron-builder如果有问题看第二种，在上面的基础上执行下面

一、yarn安装

npm install yarn -g
yarn config set strict-ssl false
yarn config set registry https://registry.npmmirror.com --global
yarn config set disturl https://npmmirror.com/dist --global

安装nrm，用nrm来切换淘宝镜像源。

npm install -g nrm 
nrm use taobao

修改nrm的配置文件，添加其他依赖包的镜像源

   npm config edit

将下面代码复制

  ELECTRON_MIRROR=http://cdn.npm.taobao.org/dist/electron/
  home=https://npm.taobao.org
  phantomjs_cdnurl=http://npm.taobao.org/mirrors/phantomjs
  registry=https://registry.npm.taobao.org/
  sass_binary_site=http://npm.taobao.org/mirrors/node-sass/

然后再执行 vue add electron-builder

 vue add  electron-builder