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 就好了


image.png

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

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


image.png

然后编辑,加入如下环境变量:

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/

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

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

你可能感兴趣的:(Electron-vue安装入门)