在前端开发中，TypeScript 变得越来越流行。它是一种开源的编程语言，扩展了 JavaScript。TypeScript 使得代码更加有条理和易于维护，同时也更加安全和高效。在编写 TypeScript 代码时，我们需要使用编译器将 TypeScript 代码编译成 JavaScript 代码以便在浏览器中运行。在这个过程中，tsc-watch 可以帮助我们自动监视更改，以确保我们的代码及时得到编译。
安装 tsc-watch
要使用 tsc-watch，我们需要在项目中安装 npm 包。首先，我们需要在终端或命令行中进入我们的项目目录，然后输入以下命令：
npm install tsc-watch --save-dev
这将使用 npm 安装 tsc-watch 并将其添加到我们的项目依赖中。由于我们将其作为开发依赖项进行安装，因此只有在开发时才会使用它。
配置 tsc-watch
安装完成后，我们需要在项目中创建一个 tsc-watch 配置文件。我们可以将此文件命名为 tsconfig.json，并将其放置在项目根目录中。以下是一个示例文件：
-- -------------------- ---- -------
-
------------------ -
--------- ------
--------- -----------
--------- ---------
---------- ----
-------- -
---- -------
-
--
---------- -
------------
--
---------- -
----------------
-
-该文件指定了 TypeScript 编译器的选项和项目要监视的源代码文件的位置。
使用 tsc-watch
完成配置后，我们可以使用 tsc-watch 来监视 TypeScript 代码的更改并编译成 JavaScript 代码。我们可以在终端或命令行中执行以下命令：
tsc-watch --onSuccess "node ./dist/index.js"
这将告诉 tsc-watch 在编译成功后运行指定的命令。在这个示例中，我们告诉它运行 node ./dist/index.js，这将启动我们的应用程序。如果您希望在编译成功后执行其他操作，请根据需要更改此命令。
如果您希望使用默认配置运行 tsc-watch，可以使用以下命令：
tsc-watch
此命令将使用 tsconfig.json 文件中指定的默认选项来编译您的代码，并且不会在编译成功后运行任何其他命令。
总结
tsc-watch 是一个强大的工具，可以自动编译 TypeScript 代码和监视更改。通过正确配置和使用 tsc-watch，我们可以使我们的开发流程更加高效和顺畅。建议您在 TypeScript 开发中使用 tsc-watch，以便您的代码始终保持最新并在开发过程中得到及时反馈。
示例代码
下面是一个示例 TypeScript 文件 index.ts，使用了一些简单的语法：
-- -------------------- ---- -------
----- ------- -
--------- -------
-------------------- ------- -
------------- - --------
-
------- -
------ ------- - - --------------
-
-
--- ------- - --- -----------------
-----------------------------运行 tsc-watch --onSuccess "node ./dist/index.js" 后，将自动编译生成 JavaScript 文件并启动应用程序。您可以在终端上看到输出结果 Hello, world。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/69248