nvm安装node环境

439 阅读2分钟

安装nvm

1、首先卸载原有Node

确保环境变量没有node相关的配置

2、下载安装最新版nvm:github.com/coreybutler…

nvm安装位置

image.png

Node安装位置

image.png

3、验证

nvm -v

如果你的C盘足够大,到这一步直接安装

查看可下载的node版本:nvm list available

下载指定版本:nvm install 20.16.0

使用指定版本:nvm use 20.16.0

检查:node -vnpm -v

4、添加路径和下载源 编辑nvm\settings.txt

root: D:\Development\nvm
path: D:\Development\nodejs

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

5、下载node

#查看可下载的node版本
nvm list available
#下载指定版本
nvm install 20.16.0
#卸载指定版本
nvm uninstall 20.16.0
#使用指定版本
nvm use 20.16.0

6、验证

#查看node版本
node -v
#查看npm版本
npm -v

image.png

7、设置npm全局包路径和缓存

#安装包的位置
npm config set prefix "D:\Development\nodejs\node_globel"
#缓存位置
npm config set cache "D:\Development\nodejs\node_cache"

image.png

此设置修改了C:\Users\Administrator\.npmrc文件

如果重新安装node更改路径后npm仍然会读取该路径,可能会会导致无权限的问题,如 no such file or directory, mkdir '\\?'

删除该文件即可 8、添加node环境变量

执行命令npm config get prefix查看npm位置

image.png

nvm环境变量默认生成,没生成就自己添加

NVM_HOME
NVM_SYMLINK
NODE_PATH

image.png

path添加

%NVM_HOME%
%NVM_SYMLINK%
%NODE_PATH%

image.png

由于npm v5已经解决速度慢的和没有依赖锁的问题,目前yarnnpm差距不大,且nvm环境下yarn有时无法识别到bin目录,这里只给出npm

安装包

1、安装Ts(虽然不一定使用ts,验证一下node环境是否出错)

npm install -g typescript
#验证
tsc -v
#卸载
npm uninstall -g typescript

2、创建rspack项目(和webpack功能一样,命令、插件兼容,比webpack快)

#创建
npm create rsbuild

能看到项目名就是成功了,Ctrl+c中断

image.png

报错npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写,如果包括路径,请确保路径正确,然后再试一次

命令行正常使用但是vscode报错,执行以下命令:

nvm on