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/

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

相关推荐
dleei3 分钟前
彻底淘汰老旧 SVG 插件:unplugin-icons 与 Tailwind CSS v4 自定义图标最佳实践
前端·程序员·前端框架
LlNingyu19 分钟前
文艺复兴,什么是XSS,常见形式(二)
前端·安全·xss
明君8799734 分钟前
说说我为什么放弃使用 GetX,转而使用 flutter_bloc + GetIt
前端·flutter
Jingyou37 分钟前
用 Astro 搭建个人博客:从零到上线的完整实践
前端
吴声子夜歌41 分钟前
JavaScript——call()、apply()和bind()
开发语言·前端·javascript
高桥凉介发量惊人1 小时前
质量与交付篇(2/6):CI/CD 实战——自动构建、签名、分发
前端
leafyyuki1 小时前
SSE 同域长连接排队问题解析与前端最佳实践
前端·javascript·人工智能
高桥凉介发量惊人1 小时前
质量与交付篇(3/6):崩溃分析与线上问题回溯机制
前端
angerdream1 小时前
最新版vue3+TypeScript开发入门到实战教程之路由详解三
前端·javascript·vue.js
毕设源码-郭学长1 小时前
【开题答辩全过程】以 基于Web的网上问诊系统的设计与实现为例,包含答辩的问题和答案
前端