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.设置淘宝的镜像并查看

八、笔者的安装目录结构

相关推荐
前端爆冲4 分钟前
项目中无用export的检测方案
前端
热爱编程的小曾31 分钟前
sqli-labs靶场 less 8
前端·数据库·less
gongzemin43 分钟前
React 和 Vue3 在事件传递的区别
前端·vue.js·react.js
Apifox1 小时前
如何在 Apifox 中通过 Runner 运行包含云端数据库连接配置的测试场景
前端·后端·ci/cd
树上有只程序猿1 小时前
后端思维之高并发处理方案
前端
庸俗今天不摸鱼2 小时前
【万字总结】前端全方位性能优化指南(十)——自适应优化系统、遗传算法调参、Service Worker智能降级方案
前端·性能优化·webassembly
黄毛火烧雪下2 小时前
React Context API 用于在组件树中共享全局状态
前端·javascript·react.js
Apifox2 小时前
如何在 Apifox 中通过 CLI 运行包含云端数据库连接配置的测试场景
前端·后端·程序员
一张假钞2 小时前
Firefox默认在新标签页打开收藏栏链接
前端·firefox
高达可以过山车不行2 小时前
Firefox账号同步书签不一致(火狐浏览器书签同步不一致)
前端·firefox