介绍
在前端开发中，我们常常需要使用一个轻量级的本地开发服务器，而 @dashersw/live-server 就是一个专门用于前端开发的服务器。 它能够帮助我们自动启动浏览器，并在代码发生变化时实时刷新浏览器页面，提高我们的开发效率。
安装
使用 npm 安装：
npm install -g live-server
使用
在需要启动服务的目录下，运行如下命令：
live-server
通过以上命令，服务器将会自动在本地的 8080 端口启动，并在默认浏览器中打开页面。
选项
@dashersw/live-server 支持多种选项，以便我们根据自己的需求进行个性化设置。
指定端口
可以通过 --port 选项指定服务器端口：
live-server --port=7777
指定根目录
可以通过 --root 选项来指定服务器根目录：
live-server --root=./public
禁用浏览器打开
如果不想自动在浏览器中打开页面可以添加 --no-browser 参数：
live-server --no-browser
指定 IP 地址
可以使用 --host 指定服务器监听的 IP 地址：
live-server --host=127.0.0.1
示例代码
以一个简单的 html 文件为例，它有一段 JavaScript 代码：
-- -------------------- ---- -------
--------- -----
------
------
------------- --------------------
-------
------
---------- -----------------
--------
-------------- -- -
----- ---- - --- -------
--------------------------------------------- ---------------------------------------
-- ------
---------
-------
-------启动服务后，我们可以看到每秒钟页面中新添加一个时间字符串。
结论
使用 @dashersw/live-server 作为前端开发的服务器是一种非常高效的开发方式。通过本文的介绍，我们学习了 @dashersw/live-server 的使用方法和常用选项，能够帮助我们更好地应对开发过程中的各种需求。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600553d381e8991b448d1191