一、为什么安装nvm
1、创建vue项目时报错:
Error: command failed: npm install --loglevel error --legacy-peer-deps
原因:vue版本与node版本有冲突
2、nvm简介
nvm 是管理node版本的一个工具,而node是管理npm的,npm是依赖包的管理工具,nvm可以安装不同版本的node。
二、安装nvm
1、卸载原先安装的node
- 控制面板——》程序——》程序与功能——》卸载nodejs;
- 找到安装文件路径下的nodejs文件,删掉。
要先卸载之前安装的node,否则nvm不管用
2、下载安装
下载对应的nvm:
nvm-noinstall.zip: 这个是绿色免安装版本,但是使用之前需要配置
nvm-setup.zip:这是一个安装包,下载之后点击安装,无需配置就可以使用,方便。
Source code(zip):zip压缩的源码
Sourc code(tar.gz):tar.gz的源码,一般用于*nix系统
下载nvm-setup.zip后解压直接运行nvm-setup.exe
在安装路径下新建两个空文件夹:nvm和nodejs
D:\DevelopmentTool\nodejs
点击Install
安装完成后nodejs文件夹会被删除了,但是下载node使用会生成一个快捷键
3、配置
环境变量无需手动配置
配置淘宝镜像源,找到nvm文件位置,点开setting
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
添加:
4、安装node
在刚刚的nvm文件位置打开cmd
- 输入以下代码查看nvm可安装的node版本:
nvm ls // 看安装的所有node.js的版本
nvm list available // 查显示可以安装的所有node.js的版本
- 安装所对应的版本:
nvm install 版本号 // 例如:nvm install 14.19.3
- 切换到安装的版本
nvm use 版本号 // 切换到使用指定的nodejs版本
- 检测是否切换完成,新开一个cmd
三、创建vue项目
安装之后,你就可以在命令行中访问 vue
命令。你可以通过简单运行 vue
,看看是否展示出了一份所有可用命令的帮助信息,来验证它是否安装成功。
你还可以用这个命令来检查其版本是否正确:
vue --version
创建成功