什么是 watchit?
watchit 是一个基于 Node.js 的文件观测工具，可用于监听某个目录下的文件变动并实时执行脚本。它可以帮助前端开发者更加高效地管理项目，并提高开发效率。
如何安装 watchit?
在安装 watchit 之前，你需要先安装 Node.js。然后，可以通过以下命令来在终端中安装 watchit：
npm install -g watchit
如何使用 watchit?
使用 watchit 很简单，只需要在终端中输入以下命令：
watchit watch /path/to/dir command
其中，/path/to/dir是你需要监听的目录路径，command是你想要执行的脚本命令。
例如，我们可以执行如下命令来监听当前目录下的所有 .md 文件，并在文件改变时用浏览器打开对应的 .html 文件。
watchit watch ./ "pandoc --filter pandoc-citeproc README.md -o README.html; open README.html"
watchit 的高级用法
除了基本用法，watchit 还提供了一些高级的功能，如：
- 支持监听多个目录，多个并行的命令以及多个新的终端窗口
- 支持特定文件变化时执行不同的命令
- 支持在进程结束时执行命令，如清理操作等
下面我们将通过一个演示来介绍 watchit 的高级用法。
在本例中，我们将使用 watchit 来监听 src 目录下的文件改变，并分别在编译 .js 文件和 .scss 文件时执行不同的命令，同时每次编译完成后保持控制台清洁。示例代码如下：
-- -------------------- ---- -------
-
-------- -
---------
------------
--
-------- -
-
-------- -----------------
------ ---- --- ----------
-------- ----
--
-
-------- -----------------------
------ ---- --- -----------
-------- ----
-
--
---------------- ---- --- --------
-在该代码中，我们指定了需要监听的目录和需要执行的任务（tasks），以及在进程结束时需要执行的命令。每个任务都包含三个不同的属性：
match：用于指定需要监听的文件cmd：用于指定需要执行的命令clear：用于指定是否需要在执行结束后清除控制台
这些高级功能使得 watchit 可以极大地提高前端开发的效率和流畅度，并节省宝贵的开发时间。
结语
使用 watchit 可以使得前端开发过程变得更加精简和高效。如果你是一名前端开发者，那么不妨试一试这个工具吧。
附：更多关于 watchit 的用法和 API 详见 watchit 官方文档。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedb82cb5cbfe1ea0611800