当前位置: 首页 > article >正文

Windows 11安装nvm教程

1、nvm是什么

nvm 全名 node.js version management,是一个 nodejs 的版本管理工具。通过它可以安装和切换不同版本的 nodejs,主要解决 node 各种版本存在不兼容现象。
  在工作中,我们可能同时在进行2个或者多个不同的项目开发,每个项目的需求不同,进而不同项目必须依赖不同版本的 NodeJS 运行环境,这种情况下,对于维护多个版本的 node 将会是一件非常麻烦的事情。nvm 就是为解决这个问题而产生的,他可以方便的在同一台设备上进行多个node版本之间切换。

2、下载安装nvm

下载地址:https://nvm.uihtm.com/download.html

  1. 点击 网盘下载 进行下载
    在这里插入图片描述

  2. 解压下载好的 nvm-1.1.12-setup.zip 文件,就会得到nvm-setup.exe 安装程序
    在这里插入图片描述

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

  4. 选择我接受,然后点击next
    在这里插入图片描述

  5. 选择nvm安装路径,路径名称不要有空格,然后点击next
    在这里插入图片描述

  6. node.js安装路径,然后点击next
    在这里插入图片描述

  7. 点击Install
    在这里插入图片描述

  8. 点击Finish,完成安装

3、nvm修改镜像源

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

在这里插入图片描述

  1. 在文件管理器地址栏输入root地址,找到setting.txt文件并打开
    在这里插入图片描述
  2. 复制粘贴以下代码,如图所示。保存完成nvm源修改。
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror:  https://npmmirror.com/mirrors/npm/
或者
node_mirror: https://cdn.npmmirror.com/binaries/node/
npm_mirror: https://cdn.npmmirror.com/binaries/npm/

在这里插入图片描述

4、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。 

5、配置nvm环境变量

  1. 环境变量打开方式:此电脑->属性->高级系统设置->环境变量
    在这里插入图片描述
    在这里插入图片描述

  2. 确认与如下配置保持一致(默认nvm安装成功后,会自动生成)
    在这里插入图片描述

  3. win + R ,输入cmd ,回车后,在命令行输入nvm -v 命令,返回版本号,证明配置成功。
    在这里插入图片描述

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

1.通过nvm安装node

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

在这里插入图片描述

  • 安装指定的版本:nvm install 20.17.0
  • 查看安装的所有版本:nvm listnvm ls
  • 进入或切换版本:nvm use 20.17.0

在这里插入图片描述

  • 安装成功后会成对应的文件夹,如下图所示
    在这里插入图片描述

  • 检查是否安装成功: node -v 查看node的版本、npm -v 查看npm的版本
    在这里插入图片描述

2.node环境变量配置

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

  • 首先在NVM的安装目录新建两个文件夹node_globalnode_cache
    在这里插入图片描述
  • 创建完两个文件夹后,在cmd窗口中输入以下命令(两个路径即是两个文件夹的路径)
npm config set prefix "D:\environment\nvm\node_global"
npm config set cache "D:\environment\nvm\node_cache"

在这里插入图片描述
(2)设置用户变量
【用户变量】中的path变量,%NVM_HOME%%NVM_SYMLINK% 理论上是nvm安装成功后自动生成的。如果没有,新建进去。
如果有C:\Users\用户名\AppData\Roaming\npm,则将其修改为D:\environment\nvm\node_global(刚刚新建node_global文件夹的位置),如果没有就自己新建D:\environment\nvm\node_global,总之保证有以下图片中内容
在这里插入图片描述
(3)设置系统变量
path变量的设置和用户变量中一致
在这里插入图片描述
新建环境变量 NODE_PATH,值为D:\environment\nvm\node_global\node_modules,其中D:\environment\nvm\node_global\node_modules是上述创建的全局模块安装路径文件夹
在这里插入图片描述

3.测试

全局安装最常用的 express 模块 进行测试

npm install express -g

完成后会得到一个express的文件
在这里插入图片描述

在这里插入图片描述

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

npm config set registry https://registry.npmmirror.com/
 
npm config get registry

在这里插入图片描述

7、全局安装cnpm

  • cnpm 本身就是国内的 因此无需配置镜像
npm install -g cnpm --registry=https://registry.npmmirror.com/
 
或
 
npm install -g cnpm
  • 查看cnpm版本
cnpm -v
 
npm list cnpm -g

8、全局安装yarn

1.yarn安装

npm install yarn -g

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

// 查看镜像

yarn config get registry

// 修改镜像

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

在这里插入图片描述

安装目录结构
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
我只安装了yarn
在这里插入图片描述


http://www.kler.cn/a/293861.html

相关文章:

  • Django基础用法+Demo演示
  • 深度学习之卷积问题
  • 前端-同源与跨域
  • CentOS 服务
  • AWS认证SAA-C0303每日一题
  • Redis高可用-主从复制
  • 【精选】文件摆渡系统:跨网文件传输的安全与效率之选
  • 全面掌握PythonJava分层自动化测试:从单元测试到安全检测的完整指南
  • element-plus表单项循环的得到的。并且一个项里面有多个子项需要校验。
  • git 学习的流水log
  • 如何在 Vue 项目中缓存字体文件以提高性能
  • 企业如何组建安全稳定的跨国通信网络?
  • apt怎样快速卸载Redis服务(怎么卸载redis)
  • C++学习笔记----6、内存管理(四)---- 通常的内存陷阱(1)
  • 使用Popup实现多样化气泡弹窗在HarmonyOS中的应用
  • Cortex-M3架构学习:存储器系统
  • vue3整合antv x6实现图编辑器快速入门
  • iOS 18beta/正式版升级办法分享
  • 《中国全屋智能行业发展现状与投资前景研究分析报告》
  • element-ui打包之后图标不显示,woff、ttf加载404
  • 手机如何切换网络IP地址:‌方法详解与操作指南‌
  • Github 2024-09-04 C开源项目日报 Top10
  • [pytorch] --- 神经网络的基本骨架-nn.Module的使用
  • 缩短单片机内的Flash的擦写时间
  • Django Admin后台从一个页面同时编辑多个模型
  • Matlab实现RPC算法