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。

具体如下：

运行效果