electron-vue 项目创建过程记录

1 安装好node、vue、npm、等环境

2 执行命令：vue init simulatedgreg/electron-vue my-project  会报错，让你运行 npm install -g @vue/cli-init

3 执行命令：npm install -g @vue/cli-init 

4 再次执行命令：vue init simulatedgreg/electron-vue my-project  就好了

5 创建完项目，发现好多包的版本有点老，然后更新包：

检查npm的依赖包是否有比较新的版本

安装命令： npm install -g npm-check-updates // npm-check是用来检查npm依赖包是否有更新，错误以及不在使用的
　　　　　　ncu // 检查当前项目中有没有哪些依赖包可更新
　　　　　　ncu -u // 更新package.json
　　　　　　npm install // 重新install，升级到最新版本

如果要升级单个依赖 ，例如升级element-plus，命令：npm install   element-plus@1.0.2-beta.44

 

解决electron-builder打包时下载依赖慢的问题

 

执行命令 npm config ls  找到userconfig 文件，

然后编辑，加入如下环境变量：

ELECTRON_MIRROR=https://npm.taobao.org/mirrors/electron/

• 此项将 Electron 镜像源设置为淘宝镜像源。

• 解决 nsis、winCodeSign 下载慢
  照猫画虎，在.npmrc中同样设置ELECTRON_BUILDER_BINARIES_MIRROR镜像源地址，cnpm 同样提供了对应的镜像源：

  ELECTRON_BUILDER_BINARIES_MIRROR=http://npm.taobao.org/mirrors/electron-builder-binaries/
  

  这样即可高速下载所需的工具链文件。

（这段转至网址：https://www.jianshu.com/p/c5d48a58eeb3 ） 

配置完上面，要删除原来工程 \node_modules 里的electron 文件夹，然后在npm install  下载就快了。