nvm安装及环境配置
1、背景说明
使用vite+vue3构建前端项目的时候,现在电脑上安装的node版本为v10.15.0,对应的npm版本为v6.4.1,执行npm run build项目打包的时候,出现报错信息,具体如下:
发现是node版本太低了,需要升级node版本
在windows电脑上可以借助于nvm来管理nodejs的版本,nvm是一个nodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。下面主要介绍一下nvm工具的安装步骤:
2、nvm安装步骤
2-1、下载nvm安装包
下载地址:https://github.com/coreybutler/nvm-windows/releases
主要有下面几个文件:
nvm-noinstall.zip: 绿色免安装版本,需要配置之后才能使用;
nvm-setup.zip:windows安装包,不需要配置直接使用(推荐使用);
Source code(zip):zip压缩的源码
Sourc code(tar.gz):tar.gz的源码
推荐使用安装包:nvm-setup.zip,注意:下载完成之后,先不要着急安装,看完下文的“注意点”之后再进行安装,才能保证nvm能够正常使用。
※注意点
- 安装nvm之前先卸载之前的node版本(系统中有关node和npm的环境变量尽量删除干净,系统中C:\Users\admin\AppData\Roaming 此目录下的npm和npm-cache 文件清空)
- 安装nvm途中,设置nvm路径地址时,路径不能包含空格,尽量不要含有中文,比如可以选择ProgramFiles,但是不能安装到Program Files目录
2-2、解压安装
解压安装,安装完成后 cmd窗口运行nvm命令,验证是否安装成功,如果出现以下界面说明安装成功:
2-3、设置淘宝镜像源
(1)打开nvm的安装路径
(2)打开settings.txt,加入下面内容
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
由于网络原因 nvm 在安装的时候速度很慢,这个问题可以通过翻墙等方式去解决,可使用国内镜像来加速安装
2-3、安装/管理nodejs
(1)查看本地安装的所有版本;有可选参数available,显示所有可下载的版本。
nvm list [available]
nvm ls
(2)安装,命令中的版本号可自定义
nvm install 10.15.0
(3)使用特定版本
nvm use 10.15.0
(4)卸载对应版本
nvm uninstall 10.15.0
3、安装好nvm之后,可以安装不同版本的nodejs管理工具,安装node的版本为14.0.0,npm对应的版本为6.14.4,在重新打包之后,便没有报错了