使用nvm管理多个node版本切换

一、 nvm的安装和使用
1、安装nvm
2、修改settings
使用nvm管理多个node版本切换_第1张图片
代码:

node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/

注:如果不修改settings会出现node安装成功但是npm安装失败的情况
使用nvm管理多个node版本切换_第2张图片
3、安装node:

nvm install 12.16.0  (node版本号)

4、查看node

nvm list

在这里插入图片描述
5、使用node

nvm use 12.16.0

使用nvm管理多个node版本切换_第3张图片
出现带*则表示当前正在使用这个版本

二、使用nvm之后出现的问题
1、问题描述:上面的操作执行完之后创建一个vue项目报错:vue不是内部或外部命令
2、解决办法:
1)找到nvm中的node版本
使用nvm管理多个node版本切换_第4张图片
使用nvm管理多个node版本切换_第5张图片

2、在这里面配置node的环境变量(注意:nvm的环境变量配置和node的环境变量配置互不影响)
2.1 用户变量
使用nvm管理多个node版本切换_第6张图片
用户变量中的path中添加下图(路径是电脑上node安装位置)
使用nvm管理多个node版本切换_第7张图片
2.2 系统变量
使用nvm管理多个node版本切换_第8张图片
系统变量中的path添加 %NPM_HOME%
使用nvm管理多个node版本切换_第9张图片
3、cmd中输入命令

npm config set prefix "D:\download\nvm\v16.15.0\node_global"
npm config set cache "D:\download\nvm\v16.15.0\node_cache"

4、重新npm install -g @vue/cli
5、vue -V 出现vue版本就完成了
6、创建项目 vue create 项目名称即可

你可能感兴趣的:(node.js,npm,前端,node.js,1024程序员节)