在前端开发中，经常需要在本地测试页面或应用，这时候我们通常会借助于本地服务器（比如 Apache 或 Nginx）来进行操作。但是，随着 npm 等包管理工具的逐渐流行，我们也可以使用一些专门为本地开发提供的包来进行操作。其中，webser 就是一种非常实用的 npm 包，它提供了一种方便快捷的本地服务器开启方式，不需要任何配置，而且支持多种文件类型和 MIME 类型。
安装
我们可以使用 npm 来进行 webser 的全局安装，具体命令如下：
npm i -g webser
这样我们就可以在全局使用 webser 命令了。
基本使用
webser 的基本使用非常简单，只需要在需要开启本地服务器的目录下使用 webser 命令即可：
webser
这样就可以快速将当前目录下的文件开启在本地服务器上，而且 webser 支持多种文件类型和 MIME 类型，比如 HTML、CSS、JavaScript、图片等。
高级用法
除了基本使用外，webser 还提供了很多高级用法，比如：
自定义端口号
默认情况下，webser 端口号为 8000，但是我们也可以通过 -p 参数来自定义端口号：
webser -p 8080
这样就可以将端口号设置为 8080。
指定目录
除了直接在当前目录下开启本地服务器外，我们还可以通过 -d 参数来指定目录，比如：
webser -d /Users/foobar/test
这样就可以在 /Users/foobar/test 目录下开启本地服务器。
其他参数
webser 还提供了一些其他参数，比如：
-h: 显示帮助信息；-v: 显示版本号。
示例代码
下面是一个简单的示例代码，可以帮助我们快速了解 webser 的使用：
-- -------------------- ---- -------
---- ---------- ---
--------- -----
------
------
----- ----------------
------------- ------------
-------
------
---------- ------------
------- ----------------------
-------
-------// app.js
console.log('Hello, webser!');安装 webser 后，在当前目录下使用 webser 命令即可在本地服务器中打开 index.html 文件，同时控制台将输出 Hello, webser!。
总结
通过本文我们可以学习到如何使用 npm 包 webser 来进行本地服务器的开启，webser 的使用方便快捷，还支持多种文件类型和 MIME 类型以及多种自定义参数，非常适合于前端开发人员进行本地开发和测试。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671068dd3466f61ffddd4