NVM安装、NodeJS下载、安装及环境配置、镜像源切换教程,内容详实


概述

关于本文

本文讲解如何在Windows系统中安装NodeJS并配置相关环境,包括常规安装和NVM管理工具安装,还涉及环境变量的配置,镜像源切换。

NodeJS介绍

Node.js(通常简称为Node)是一个开源、跨平台的JavaScript运行时环境,它允许开发者在服务器端运行JavaScript代码。Node.js 是基于Chrome V8 JavaScript引擎构建的,它的设计目标是提供一种高效、轻量级的方式来构建可扩展的网络应用。


1 NodeJS安装

  1. 下载安装包,得到.msi安装程序。

  2. 以管理员身份启动安装程序。以管理员身份启动Powershell,执行如下命令启动.msi安装程序(请确保Powershell的当前工作路径为.msi所在目录)。如果后续出现代码为2502、2503的报错就是因为没有管理员权限,需要退回此步骤。
    在这里插入图片描述

  3. 执行如下步骤
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  4. 添加NodeJS根目录至系统环境变量。
    安装程序默认已自动添加根目录到系统环境变量,如果没添加就手动添加:
    在这里插入图片描述

  5. 修改文件夹权限(这一段的目的是使得以后执行node指令不需要管理员权限,如果你每次都通过管理员权限打开终端执行指令则可以跳过这一步)

    • 右击安装目录(这段内容是补充,我这里安装目录为Node),打开属性页面,如图点击安全-高级
      在这里插入图片描述
    • 如图:点击更改-高级-立即查找-选择Users-确定-确定-…
      在这里插入图片描述
    • 依次点击每个设置窗口的确认按钮。至此成功修改文件夹的所有者
      在这里插入图片描述不过注意这个页面还需要点击“替换子容器和对象的所有者”
      在这里插入图片描述
    • 如图,右击安装目录-属性-编辑,然后把每个用户的权限都修改为“完全控制”,依次确定。至此,完成了安装目录的权限修改。
      在这里插入图片描述
  6. 确保已经添加系统环境变量之后通过下列命令检查是否安装成功
    在这里插入图片描述
    能正确执行上述命令则说明安装成功

  7. 在NodeJS的根目录下创建如下两个文件夹(可选)
    在这里插入图片描述

    扫描二维码关注公众号,回复: 17618863 查看本文章
    • node_cache:存放缓存数据
    • node_global:用于存放全局安装的npm包
    • 随后将两个文件夹的路径也添加至系统环境变量:
      在这里插入图片描述
  8. 在命令行执行如下命令
    在这里插入图片描述

# 设置全局安装路径
npm config set prefix "E:/ProgramFiles/_CodeTools/NodeJS/node_global"

# 设置缓存路径
npm config set cache "E:/ProgramFiles/_CodeTools/NodeJS/node_cache"

# 设置仓库地址为淘宝地址
npm config set registry https://registry.npmmirror.com

# 查看当前配置
npm config ls
  1. 随后再以管理员身份在命令行执行如下指令检查能否正确安装npm包(这里以webpack包为例演示),如果成功安装则说明NodeJS安装及环境配置成功。NodeJS项目的安装一般都需要管理员身份,以后项目执行npm install 的时候出现报错可检查是不是这方面的原因
    在这里插入图片描述

2 通过NVM安装NodeJS

  1. 什么是NVM:NVM是一个帮助开发者在同一台机器上管理多个Node.js版本的工具,它允许用户在不同版本的Node.js之间轻松切换,以适应不同项目的需求。
  2. 进入Github仓库Release页面:Release页面,选择安装包下载。我这也有百度网盘分享链接:网盘分享链接
    在这里插入图片描述
  3. 点击运行
    在这里插入图片描述
  4. 如图
    在这里插入图片描述
  5. 选择安装路径(不建议带中文、特殊符号、空格)
    在这里插入图片描述
  6. 选择NodeJS的路径(不建议带中文、特殊符号、空格)
    在这里插入图片描述
  7. 点击Install,等待安装完成即可
    在这里插入图片描述

3 NVM使用

3.1 修改安装的镜像源

  1. 找到NVM安装的根目录下的settings.txt文件
    在这里插入图片描述
  2. 编辑添加如下两行内容
    在这里插入图片描述
node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror:  https://npmmirror.com/mirrors/npm/

3.2 常用命令

  • nvm ls:查看已经安装的NodeJS版本,如果还没安装就是下面这样
    在这里插入图片描述
  • nvm list available:查看可以安装的NodeJS版本
    在这里插入图片描述
  • nvm install 版本号:安装指定版本的NodeJS
    在这里插入图片描述
    此时再次执行nvm ls即可看见确实已经安装好了18.20.4版本
    在这里插入图片描述
  • nvm use 版本号:使用指定版本的NodeJS
    在这里插入图片描述
  • nvm current:查看当前使用的NodeJS版本
    在这里插入图片描述
  • 通过node指令判断NodeJS安装是否成功:node -v
    在这里插入图片描述