npm安装的一系列问题

102 阅读2分钟
最近在忙着一个小组项目,在拉取项目的时候一直拉取不到

image.png

按照各种大佬的方式去配置了一直没法解决,再加上可能是在家网真的很烂的问题,我甚至GitHub都一直卡着登不进去

image.png

于是今天白天忙完了家里的事情又开始了一系列斗争~

1. 重新安装node

前提是,原本的npm为了协调某个插件的版本问题之前下了个很老的版本,然后后续一直出现很多莫名其妙的bug,所以干脆卸了重装

完全卸载node

  • 找到npm和node的根文件目录。在命令行输入以下两个指令再按照指定位置并删掉对应文件,注意,要以管理员身份运行命令行,能避免很多问题的出现!!

    where npm

    where node

  • 我在官网下了msi然后傻瓜式下一步,注意:这里我指定的安装路径是:D:/Program Files/nodejs

安装完后,重重重重点就是:

环境变量的配置

  • 问题就来了:
    1. 安装了node之后我直接命令行查看node版本居然查不到!!!而且关键是我有配置了环境变量的情况下出现了这个问题简直是要命啊😭😭😭😭 image.png

    2. 一般出现这种情况都是因为环境变量没配置好出现的问题,于是干脆两个path都配置上了

      image.png image.png

    3. 然后我再重新开了命令行去检查就没问题了

      image.png

2. 配置修改package的全局路径和npm缓存路径

  • 在刚刚指定的安装目录D:/Program Files/nodejs下新建两个文件夹node_globalnode_cache,然后。接着打开cmd命令工具,输入以下两个指令(根据自己实际路径修改)
    npm config set prefix "D:/Program Files/nodejs/node_global"
    npm config set cache "D:/Program Files/nodejs/node_cache"
    
  • 然后再次修改环境变量的配置: image.png image.png

3. 安装yarn

到这里node就安装完毕了,可以试着安装yarn来测试下:

npm install yarn -g  // 全局安装yarn【记得安装完要退出命令行再重启,进行下一步】
yarn --version  // 检查yarn的安装版本,这里如果可以正常显示则安装完毕

具体参考了这篇文章: Node.js官网安装教程,配置环境变量(图文详细)