Lite-server - 自动化的开发服务器

在开发过程中，一直要频繁地刷新浏览器才能看到最新的修改结果，这使得开发体验很不友好。Lite-server 的出现，让开发者在修改代码时，能够自动刷新浏览器，省去了频繁地手动刷新浏览器的烦恼。

Lite-server 是一个轻量级的 Node.js 开发服务器。它包含了自动刷新浏览器的功能，同时还支持 TypeScript、LESS、SASS、JSX、ES6 等功能。

安装

在运行 Lite-server 之前，需要先安装 Node.js，然后使用 npm 安装 lite-server：

npm install -g lite-server

安装完成之后，就可以在命令行中使用 lite-server 命令来启动服务器了。

使用

在要启动服务器的目录下，使用命令行执行 lite-server 命令：

lite-server

lite-server 将会自动打开默认浏览器，并监听 3000 端口。如果你想要指定端口号，可以使用 --port 参数：

lite-server --port 8080

此时 lite-server 会监听 8080 端口。如果你想要让 lite-server 自动打开一个指定的页面，可以使用 --open 参数：

lite-server --open /index.html

此时 lite-server 会自动打开项目根目录下的 index.html 文件。

配置

Lite-server 可以通过 bs-config.json 文件来进行配置。bs-config.json 文件必须放在项目根目录下。以下是 bs-config.json 的一个示例：

{
  "port": 8080,
  "server": { "baseDir": ["./"] }
}

在这个示例中，我们指定了监听端口 8080，同时指定了服务器的根目录为项目的根目录。除了 port 和 server 之外，bs-config.json 还支持其它的配置项，可以查看 lite-server 官方文档来了解更多。

结语

Lite-server 的出现使得前端开发更加愉快和高效，让我们能够更专注于代码的编写和功能的实现。如果你还没有尝试过 Lite-server，不妨在项目中使用它一试，相信你会喜欢上它的便捷和高效。