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

一、安装nvm

1. 下载nvm

点击 网盘下载 进行下载

2、双击下载好的 nvm-1.1.12-setup.zip 文件
3.双击 nvm-setup.exe 开始安装
4. 选择我接受,然后点击next
5.选择nvm安装路径,路径名称不要有空格,然后点击next
6.node.js安装路径,然后点击next
7.点击Install
8.点击Finish,完成安装

二、nvm修改镜像源

  • win + R ,输入cmd ,回车后,在命令行输入nvm root 命令,可以查看nvm的安装根路径在那个文件夹
  • 在文件管理器地址栏输入root地址 ,找到setting.txt文件并打开
  • 复制粘贴以下代码,如图所示。保存完成nvm源修改。
  • node_mirror: https://npmmirror.com/mirrors/node/
    npm_mirror: https://npmmirror.com/mirrors/npm/

三、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 10.23.0
  • 查看安装的所有版本:nvm list nvm ls
  • 进入或切换版本:nvm use 18.15.0
  • 安装成功后会成对应的文件夹,如下图所示
  • 检查是否安装成功: node -v 查看node的版本、npm -v 查看npm的版本
2.node环境变量配置
(1) 配置全局安装的模块路径和缓存路径
  • 首先在NVM的安装目录新建两个文件夹 node_globalnode_cache

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

  • npm config set prefix "D:\software\nvm\node_global"
    npm config set cache "D:\software\nvm\node_cache"

  • (2)设置用户变量

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

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

  • 新建环境变量 NODE_PATH,值为D:\software\nvm\node_global\node_modules,其中D:\software\nvm\node_global\node_modules是上述创建的全局模块安装路径文件夹
3.测试
  • 全局安装最常用的 express 模块 进行测试
  • npm install express -g
  • 完成后会得到一个express的文件
4.设置淘宝的镜像并查看

六、全局安装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.设置淘宝的镜像并查看

八、笔者的安装目录结构

相关推荐
忧郁的蛋~12 分钟前
.NET异步编程中内存泄漏的终极解决方案
开发语言·前端·javascript·.net
水月wwww21 分钟前
vue学习之组件与标签
前端·javascript·vue.js·学习·vue
合作小小程序员小小店35 分钟前
web网页开发,在线%商城,电商,商品购买%系统demo,基于vscode,apache,html,css,jquery,php,mysql数据库
开发语言·前端·数据库·mysql·html·php·电商
顾安r36 分钟前
11.8 脚本网页 塔防游戏
服务器·前端·javascript·游戏·html
草莓熊Lotso43 分钟前
C++ 方向 Web 自动化测试实战:以博客系统为例,从用例到报告全流程解析
前端·网络·c++·人工智能·后端·python·功能测试
fruge1 小时前
Canvas/SVG 冷门用法:实现动态背景与简易数据可视化
前端·信息可视化
一 乐1 小时前
旅游|内蒙古景点旅游|基于Springboot+Vue的内蒙古景点旅游管理系统设计与实现(源码+数据库+文档)
开发语言·前端·数据库·vue.js·spring boot·后端·旅游
驯狼小羊羔1 小时前
学习随笔-require和import
前端·学习
excel1 小时前
🚀 从 GPT-5 流式输出看现代前端的流式请求机制(Koa 实现版)
前端
凸头1 小时前
Spring Boot接收前端参数的注解总结
前端·spring boot·后端