艰难历程:第一次运行Vue项目,用了我几个小时

今天要跑一个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。

AnonyEast

一个爱折腾的技术萌新

留下你的评论

*评论支持代码高亮<pre class="prettyprint linenums">代码</pre>

相关推荐