文章目录[隐藏]
今天要跑一个Vue前端项目,发现跑这个项目要安装nodejs,还要使用npm命令运行项目,好家伙,全是我没听说过的,彻底给我整不会了。为了运行这个项目我历经周折,经历了几十次失败的尝试,项目终于运行成功!
下面我就来总结一下我这艰辛的历程吧。
Step1:安装Node.js
在Node.js中文网下载Windows安装包,选择LTS版本。
这是我遇到的第一个坑,Win7系统不支持14及更高版本。然而我使用的电脑是Win7系统,下载后根本无法安装,于是我默默的删除了安装包,点击下面的阿里云镜像,找到了上一个LTS版本也就是12版本。
下载完成后一路安装即可,可以修改安装路径在任意位置。安装完成后,如果你想修改nodejs默认下载路径和缓存路径到非系统安装盘,请自行百度如何设置。
Step2:运行vue项目
运行vue项目,按照README.md文档,里面是这么写的
- 安装依赖:
yarn install
- 开发模式运行:
yarn run serve
什么是yarn?又是一个没见过的东西,经过百度后知道,这个东西相当于npm的升级版,然而我npm都还不会用呢。
于是,我先使用以下命令安装了yarn,并修改了源为淘宝源,加快国内下载速度
npm install -g yarn
yarn config set registry https://registry.npm.taobao.org -g
然后,我运行yarn install
命令
接下来出现了问题,提示没有创建目录的权限
这个问题的原因是没有管理员权限导致的,因此我以管理员身份重新运行了IDEA,不再出现这个错误。
重新运行这个命令,又出现了新的错误,显示无法连接到某个github地址,初步判定是被墙了,需要翻墙或者修改hosts文件,我根据网上的教程修改了,确认github可以正常访问了,但是问题依旧。
经过各种尝试,最终发现导致无法下载的原因竟然是我在我的电脑上配置了SSH公钥,但是这个公钥没有绑定到我的github账号上,导致无法下载,于是我又把我的公钥配置到了Github上。
结果啊,才没有这么顺利,我又一次运行yarn install
命令,这一次虽然可以正确的连接到上面那个github地址了,可是这个github仓库让我合并分支,我完全不知道这是在说什么,也不知道该怎么做。
到这里我彻底手足无措了,请教了已经成功把项目运行起来的小伙伴,小伙伴告诉我可以使用npm install
运行也是一样的。
于是我又尝试使用npm install
命令,一开始很顺利,可是眼看着就要完成了,竟然开始各种弹出警告,显示找不到文件。
最终,又失败了。错误代码如下:
errno -4048 syscall unlink
我又开始查阅资料了,得知了还有一种install的方式,使用cnpm,cnpm是淘宝团队提供的一个npm国内替代工具,我先试试看能不能解决问题吧。
首先使用npm install -g cnpm
命令安装cnpm,安装完成后,运行cnpm install
命令。
这一次,竟然异常顺利,全程没有任何报错的完成了install
我的天啊,这也太艰难了啊!
运行cnpm run serve
命令,启动项目,眼看着这个进度条逐渐增加,我的心咯噔咯噔的。
在等待了片刻之后,项目运行成功!我的天啊这也太难了!
虽然这个过程充满了各种不顺利,但最终成功的把项目运行起来了,我感到无比的高兴!
step3:总结
1.Windows7系统不支持nodejs 14或更高版本。
2.github无法访问时需要修改hosts或翻墙。
3.github无法clone时需要检查一下如果电脑上配置有SSH公钥,这个公钥有没有绑定到github账号上。
4.npm尽量更换源为国内镜像,例如淘宝镜像,可以有效解决网络不通、下载速度慢等问题。
5.npm和yarn无法install时,可以考虑使用cnpm看看能不能顺利install。