vue安装electron事项

最近需要写一个项目,需要使用electron集成vue,在这我记录一下注意事项!

首先我先搭建Electron,我使用的是vscode,我们需要使用管理员的身份运行项目,不然可能会出现如下报错:
 

npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查

1.确认安装node.js,(这个自行安装,网上自己找)

2.检查安装node和npm是否成功?(node -v / npm -v),但要注意这里node版本需要尽可能对应,我把我找的对应版本的表提供出来了,会放在文末.如果提示npm版本过低,就升级npm(cnpm install npm@latest -g)

4.使用管理员的身份运行vscode,打开项目文件

3.进入终端工具,输入npm init(全部按y就行了),结束后会自动生成一个package.json文件,如果有了,就不用

4.然后输入yarn install electron --save-dev,可能比较慢,也可能会连接不上,这时我们就可以选中镜像文件到下载:对单独electron包做镜像,具体教程我会放在文末

yarn config set electron_mirror https://npm.taobao.org/mirrors/electron/

我使用的是这个命令,可以看到下载进度

yarn add --verbose electron

安装完成,通过下面命令验证是否成功

npx electron -v

 

electron与node.js的版本对应关系 地址:

https://blog.csdn.net/qq_32660241/article/details/124880648

electron镜像配置教程:

https://blog.csdn.net/mocoe/article/details/86751925