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 下载就快了。