nvm安装详细教程(安装nvm、node、npm、cnpm、yarn及环境变量配置)

一、安装nvm

1. 下载nvm

nvm-windows官网地址https://github.com/coreybutler/nvm-windows/releases

如果打不开也可以到这里下载

2.双击 nvm-setup.exe 开始安装

3.选择nvm安装路径,路径名称不要有空格,然后点击next

4.node.js安装路径,然后点击next

二、nvm修改镜像源

  • win + R ,输入cmd ,回车后,在命令行输入nvm root 命令,可以查看nvm的安装根路径在那个文件夹

三、nvm常用命令

nvm install <version>:安装指定版本的 Node.js。

nvm use <version>:切换到指定版本的 Node.js。

nvm ls:列出已安装的所有 Node.js 版本。

nvm alias <name> <version>:给指定版本创建别名。

nvm run <version> <script>:在指定版本下运行脚本。

nvm current:显示当前正在使用的 Node.js 版本。

nvm uninstall <version>:卸载指定版本的 Node.js。

四、nvm配置环境变量

环境变量打开方式:我的电脑->属性->高级系统设置->环境变量->

确认与如下配置保持一致(默认nvm安装成功后,会自动生成)

win + R ,输入cmd ,回车后,在命令行输入nvm -v 命令,返回版本号,证明配置成功。

四、安装nodejs及环境变量配置

1.通过nvm安装node

查看node.js最新的一批版本(版本号:偶数是绝对稳定版本 基数是不一定稳定版本)

nvm list available

安装指定的版本:nvm install 22.12.0

查看安装的所有版本:nvm list 或 nvm ls

进入或切换版本:nvm use 22.12.0

安装成功后会成对应的文件夹,如下图所示

检查是否安装成功: node -v 查看node的版本、npm -v 查看npm的版本

2.node环境变量配置

(1) 配置全局安装的模块路径和缓存路径

首先在NVM的安装目录新建两个文件夹node_global和node_cache

创建完两个文件夹后,在cmd窗口中输入以下命令(两个路径即是两个文件夹的路径)

npm config set prefix "D:\nvm\node_global"

npm config set cache "D:\nvm\node_cache"

(2)设置用户变量

【用户变量】中的path变量,%NVM_HOME% 和 %NVM_SYMLINK% 理论上是nvm安装成功后自动生成的。如果没有,新建进去。

如果有C:\Users\用户名\AppData\Roaming\npm,则将其修改为D:\nvm\node_global(刚刚新建node_global文件夹的位置),如果没有就自己新建D:\nvm\node_global,总之保证有以下图片中内容

(3)设置系统变量

path变量的设置和用户变量中一致

新建环境变量 NODE_PATH,值为D:\nvm\node_global\node_modules,其中D:\nvm\node_global\node_modules是上述创建的全局模块安装路径文件夹

3.设置淘宝的镜像并查看

bash 复制代码
npm config set registry https://registry.npmmirror.com/
 
npm config get registry

五、全局安装cnpm

cnpm 本身就是国内的 因此无需配置镜像

npm install -g cnpm --registry=https://registry.npmmirror.com/

npm install -g cnpm

查看cnpm版本

cnpm -v

npm list cnpm -g

六.全局安装yarn

1.yarn安装

npm install yarn -g

2.设置淘宝的镜像并查看

// 查看镜像

yarn config get registry

// 修改镜像

yarn config set registry http://registry.npm.taobao.org/

结尾:样例小程序二维码,自己做的一个免费好用的排班小程序

相关推荐
不灭锦鲤2 分钟前
xss-labs靶场第11-14关基础详解
前端·xss
不是吧这都有重名29 分钟前
利用systemd启动部署在服务器上的web应用
运维·服务器·前端
霸王蟹29 分钟前
React中巧妙使用异步组件Suspense优化页面性能。
前端·笔记·学习·react.js·前端框架
Maỿbe38 分钟前
利用html制作简历网页和求职信息网页
前端·html
森叶1 小时前
Electron 主进程中使用Worker来创建不同间隔的定时器实现过程
前端·javascript·electron
霸王蟹1 小时前
React 19 中的useRef得到了进一步加强。
前端·javascript·笔记·学习·react.js·ts
霸王蟹1 小时前
React 19版本refs也支持清理函数了。
前端·javascript·笔记·react.js·前端框架·ts
繁依Fanyi1 小时前
ColorAid —— 一个面向设计师的色盲模拟工具开发记
开发语言·前端·vue.js·编辑器·codebuddy首席试玩官
明似水2 小时前
Flutter 开发入门:从一个简单的计数器应用开始
前端·javascript·flutter
沐土Arvin2 小时前
前端图片上传组件实战:从动态销毁Input到全屏预览的全功能实现
开发语言·前端·javascript