JavaScript入门疑问：Lite Server与VS Code Live Server选择及安装方式

算力阿峰

2026-8-25

关于Lite Server和VS Code Live Server的选择及相关问题解答

1. 能不能用Live Server替代Lite Server？

当然可以，而且对刚入门的你来说，Live Server反而更省心。两者的核心作用都是帮你搭建本地静态服务器，解决直接双击打开HTML文件时可能遇到的跨域问题（比如加载本地JS模块、AJAX请求本地文件），或者路径解析错误的问题。

Live Server是VS Code的扩展，安装后右键HTML文件就能直接启动服务器，不用敲命令，对新手友好；而Lite Server是基于Node.js的工具，需要通过命令行操作，适合后续需要自定义配置或和其他Node工具配合的场景。你完全可以先用Live Server入门，等熟悉Node生态后再尝试Lite Server也不迟。

2. 简单解释下Node.js、NPM、package.json

Node.js：让JavaScript能在浏览器之外运行的环境，比如在你的电脑上跑JS脚本、搭建服务器，Lite Server就是基于它开发的工具。
NPM：Node.js自带的包管理工具，相当于一个软件商店，用来下载、安装各种JS工具（包括Lite Server）。
package.json：你的项目配置文件，会记录项目里安装的所有依赖工具（比如Lite Server），还可以定义启动脚本，方便统一管理项目的命令。

3. 如果一定要用Lite Server，怎么安装？

Lite Server是通过终端/命令行安装的，不是在HTML文档里安装，步骤如下：

先安装Node.js（安装后NPM会自动跟着装好）；
打开你的项目文件夹，在VS Code里打开终端（快捷键Ctrl+`）；
输入npm init -y，回车，这会自动生成一个默认的package.json文件；
输入npm install lite-server --save-dev，回车，等待安装完成；
打开package.json，找到scripts部分，改成：
```
"scripts": {
  "start": "lite-server"
}
```
之后在终端输入npm start，就能启动Lite Server了，它会自动打开你的HTML页面。