npm 包 catty 使用教程

什么是 catty？

catty 是一个命令行工具，可用于启动 Web 服务器以及文件更改时自动刷新浏览器。它使用了浏览器自动刷新功能，并启动了一个简单的 HTTP 服务器来提供静态文件。catty 可以提高前端开发的效率，减少重复的刷新浏览器的时间。此外，catty 还具有高度的可配置性，可以满足各种不同的项目需求。

安装 catty

安装 catty 可以通过 npm 进行安装。在终端中输入以下命令：

npm install -g catty

使用 catty

使用 catty 启动服务器非常简单，只需在终端中输入以下命令：

catty

此时，catty 将会在当前目录下启动一个 HTTP 服务器，并且自动打开默认浏览器来访问服务器。如果需要指定端口号，可以使用 -p 参数进行指定。例如：

catty -p 8080

这将会在端口号为 8080 的服务中启动 catty。

需要注意的是，catty 的服务器仅支持静态文件。如果需要处理后端请求，则需要使用其他的服务器工具，例如：koa、express 等。

配置文件

catty 可以通过配置文件进行配置。例如，可以通过配置文件指定服务器的根目录、默认端口号、忽略的文件等等。配置文件为 .cattyrc.json，可以位于任意一个 catty 启动的目录下。

以下为一个示例配置文件：

{
  "root": "public",
  "port": 8080,
  "watch": true,
  "ignore": ["node_modules/**/*"]
}

• root 指定了服务器的根目录，默认为当前目录；
• port 指定了服务器的端口号，默认为 3000；
• watch 指定了是否开启文件监视，默认为 true，即文件变化时自动刷新浏览器；
• ignore 指定了需要忽略的文件路径，可以使用 glob 语法。

结语

catty 是一个非常实用的前端开发工具，可以帮助我们提高开发效率并减少重复操作的时间。同时，catty 也非常易于配置和定制，可以满足各种不同项目的需求。如果你正在进行前端开发，那么不妨尝试一下 catty 吧！

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f35d07edbf7be33b2566eda