手上有个比较久的项目使用的是vue2.x node.js版本是v14.16.0
重新开了项目使用的是vue3.x node.js版本是在v20.11.0。
这个时候就需要一个node版本管理啦~
1、下载nvm
安装包地址: https://github.com/coreybutler/nvm-windows/releases
选择nvm-setup.exe 点击安装可以自动配置环境
2、选择nvm安装目录
为避免c盘爆表,建议选择别的磁盘呀
这是默认路径
我选择的安装路径
点击next
默认的node路径
我选择的node路径
一路点下去啦~~
打开终端,输入nvm ls查看是否安装成功啦
惊不惊喜,意不意外,没有安装成功,为啥嘞??
1、可能权限不够,使用管理员权限打开终端
2、nvm环境变量不对:配置环境变量
此电脑->属性->高级系统设置->高级
3、修改npm镜像
安装后找到nvm安装目录,找到settings.txt文件,在文件后面添加上
node_mirror: [https://npm.taobao.org/mirrors/node/](https://links.jianshu.com/go?to=https%3A%2F%2Fnpm.taobao.org%2Fmirrors%2Fnode%2F)
npm_mirror: [https://npm.taobao.org/mirrors/npm/](https://links.jianshu.com/go?to=https%3A%2F%2Fnpm.taobao.org%2Fmirrors%2Fnpm%2F)
4、下载需要node版本
注意如果是权限不够:使用管理员身份打开终端哦!!
// 查看当前 nvm 版本号
nvm -v
// 查看已安装的 node.js 版本
nvm list
// 查看可安装的 node 版本
nvm list available
// 安装指定版本的 node (版本号不限)
nvm install 14.16.0
// 使用指定版本的 node
nvm use 14.16.0
4、打开我们的vscode 运行一下项目
咦,怎么npm还找不到了呢。
查看环境变量中npm的配置路径对不对
使用的是nvm变量,对的。排除环境配置问题。打开nvm文件看一下下载的14.16.0版本的node.
对比一下v20.11.0的node
这文件数量不是差的一点半点呀,猜测一下应该是14.16.0版本的node没有下载好。
删除14.16.0文件夹重新下载
nvm install 14.16.0
nvm use 14.16.0
查看npm -v 能正常输出就对了。
配置rimraf
npm install rimraf -g
下载成功后使用报错
‘rimraf‘ 不是内部或外部命令,也不是可运行的程序
检查全局下载的环境配置:此电脑->属性->高级系统设置->环境变量
检查这个全局路径对不对。修改完后,重启电脑
再次尝试一下
rimraf node_modules
附:清除node_modules、清除缓存
rimraf node_modules
npm cache clean --force