完整教程：NVM及Live Server的安装说明（保姆级教程）

以前学习东西，都是记录到本地，前段时间不小心把电脑清理成砖了。由于没有及时备份，好些学习笔记都没了。

最近想了解下React，借此机会，将笔记搬到网络上，以后后继查漏补缺。

一、安装nvm

nvm作为一款管理nodejs版本工具，通过命令行切换，实现在开发环境中安装使用多个nodejs版本。

1、下载nvm软件。

地址：https://github.com/coreybutler/nvm-windows/releases

2、安装

1）找到下载的安装程序：nvm-setup.exe

2）双击开始安装，选择I accept the agreement，点击NEXT

3）点击Browse，选择nvm安装路径（路径尽可能不要有空格，中文）

4）点击Browse，选择之后安装nodejs的安装路径（路径尽可能不要有空格，中文）

5）默认都勾选，点击Next

6）可以不填写邮箱，点击Next

7)、确认安装路径，点击Install

3、检查nvm是否安装成功

1）打开一个新的cmd或者powershell窗口，输入：

nvm  -v

2）出现版本号，即为安装成功

4、配置下载node的镜像站

   1）、 下载 nodejs 时，默认访问的是国外网站，可能会出现下载失败的情况，所以更换为国内镜像站。

淘宝镜像:

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

  2）、cmd或者powershell窗口，输入：

nvm  root

3）、拷贝输出的路径地址并访问下面的settings.txt，添加镜像地址。
淘宝镜像:

node_mirror: https://npmmirror.com/mirrors/node/
npm_mirror: https://npmmirror.com/mirrors/npm/

5、使用nvm安装node

1）查找可安装的node版本，cmd或者powershell窗口输入：

nvm list available

2）选择一个LTS版本安装，输入：

nvm install 24.8.0

6、nvm使用node

1）使用或切换某个版本的nodejs，使用命令：

nvm use <版本号>

2）查看当前使用node的版本

node -v

3）查看当前安装了node版本

nvm list

4）常用的命令汇总

功能描述	命令示例
安装特定版本的Node.js	nvm install <version> (例如: nvm install 22.13.1)
列出已安装的所有Node.js版本	nvm list
列出所有可下载的Node.js版本	nvm list available 或者 nvm list-remote
切换当前使用的Node.js版本	nvm use <version> (例如: nvm use 22.13.1)
设置默认Node.js版本	nvm alias default <version> (例如: nvm alias default 22.13.1)
卸载指定版本的Node.js	nvm uninstall <version> (例如: nvm uninstall 22.13.1)
查看当前使用的Node.js版本	node -v
升级npm到最新版	npm install -g npm
查看当前使用的NVM版本	nvm --version
卸载NVM	删除 ~/.nvm 目录及shell配置文件中相关行

二、Live Server的安装

  1、以管理员身份打开 PowerShell

    1）执行命令如下：

Get-ExecutionPolicy

    若返回 Restricted（默认策略），说明脚本执行被禁止

   2）修改为安全策略

Set-ExecutionPolicy -Scope CurrentUser RemoteSigned

2、 修改npm镜像源

淘宝：https://registry.npmmirror.com/
腾讯云：https://mirrors.cloud.tencent.com/npm/
CNPM：https://r.cnpmjs.org/

#查询当前使用的镜像源
npm get registry
#设置为淘宝镜像源
npm config set registry https://registry.npmmirror.com/
#验证设置
npm get registry
#还原为官方的配置
npm config set registry https://registry.npmjs.org/

3、安装live server

在项目根目录打开终端，运行以下命令来安装 live-server

npm install -g live-server

 4、npm启动live server

1）、在项目下package.json中添加如下代码：

  "scripts": {
    "serve": "live-server --port=3000"
  }

2）、打开 WebStorm 的 运行/调试配置，点击 + 新建一个配置，选择 npm。
具体如下：

运行效果