前端工具必推系列
nvm node
版本管理器
接触过多个项目的小伙伴都知道,项目能否正常运行,跑起来就是个很蛋疼的问题。肯定也有很多人无数次经历过过删依赖下依赖的过程(node_modules)
此过程中也经常会涉及到切换到不同的node版本,进行依赖安装。所以nvm
是什么呢,就是为了帮助你方便快捷的切换node版本
的工具。
安装nvm
前的准备工作
ps: 卸载已安装的 NodeJS,听我的,不然会冲突!!!(含泪提醒)
- 卸载:确保在 Node.js 没有在后台运行的情况下,进行卸载。(我这里为了防止后台,懒得打开控制面板,直接重启电脑然后卸载)
- 删残余文件:如果是默认安装位置,一般残余文件都在这了——
C:\Program Files (x86)\Nodejs
、C:\Program Files\Nodejs
、C:\Users\admin\AppData\Roaming\npm
、C:\Users\admin\AppData\Roaming\npm-cache
、 - 还需要再
右击我的电脑 ==>属性 ==>高级系统设置 ==> 环境变量
,确保没有引用nodejs或者npm
- 检验是否卸载干净:
win + r
, 执行命令node --version
、npm --version
,如果输出的是 “node 不是内部或外部命令,也不是可运行的程序或批处理文件。”、“npm不是内部或外部命令,也不是可运行的程序或批处理文件。”,说明就都卸载干净了
eg:我没有安装yarn,执行就会如下:
安装nvm
- 从官网上下载:nvm官网(github)
ps:选择这个是因为只需要解压,安装后自动配上环境变量,方便快捷 - 安装nvm:
以管理员身份
,安装文件 nvm-setup.exe - 检查环境变量并检查nvm是否安装好,以及下载想要的node版本
这里附上node的所有版本:node所有版本
也可以直接命令查看npm源上可用的node版本
nrm npm源快速切换工具
下载依赖繁琐,等待过程也是极其的慢,所以我们会选择使用其它比较快的源下载依赖。
例如,切换淘宝源如下,cv执行:
npm config set registry https://registry.npm.taobao.org
例如,切回原npm源
npm config set registry https://registry.npmjs.org
例如,切为npm镜像
npm config set registry https://registry.npmmirror.com
诸如上述操作,我都嫌弃每次去一个一个敲指令切换,cv也麻烦。所以,nrm就是为解决这个繁琐过程而生的
安装nrm
npm install nrm -g
使用
注意事项
很多时候靠淘宝镜像或者其它源安装的依赖,多多少少很容易报错,所以快捷只是相对的, 但也难免会去为了解决报错又不得不享受折磨使用npm原来的源安装依赖。所以大家还是得根据自己的项目情况进行尝试,致使项目无法run起来,不单单只有node版本问题,请把npm源导致的依赖安装不全这个原因也考虑在内!
另外,在vue项目快捷配置npm源
只需要在项目根目录下添加名为.npmrc
文件
auto-install-peers=true
# npm官方的源
registry=https://registry.npmjs.org
# npm镜像源
# registry=http://registry.npmmirror.com
# 淘宝源
# registry=https://registry.npm.taobao.org
这样就可以放心大胆的安装依赖了