如何运行 TypeScript 文件

TypeScript 是一种由微软开发的现代化编程语言，它是 JavaScript 的超集，提供了类型检查等功能，可以让我们编写更安全、可靠、易维护的代码。那么，在我们使用 TypeScript 编写程序后，如何才能运行它呢？

安装 Node.js

首先，我们需要安装 Node.js，这是一个基于 Chrome V8 引擎的 JavaScript 运行环境，它可以让我们在服务器端运行 JavaScript。我们可以在 Node.js 官网上下载并安装最新的版本。

安装 TypeScript

在安装 Node.js 后，我们可以使用 Node 包管理器（npm）安装 TypeScript。打开命令行工具，输入以下命令：

npm install -g typescript

这会全局安装 TypeScript，使我们可以在命令行中使用 tsc 命令来编译 TypeScript 文件。

编写 TypeScript 文件

在安装 TypeScript 后，我们可以使用任何文本编辑器来编写 TypeScript 文件。比如，我们可以新建一个名为 main.ts 的文件，输入以下代码：

function greeter(person: string) {
    return "Hello, " + person;
}

let user = "Jane User";

document.body.innerHTML = greeter(user);

这是一个简单的 TypeScript 程序，它定义了一个函数 greeter，该函数接收一个名为 person 的字符串参数，返回一个拼接了 Hello 和 person 的字符串。然后，在全局作用域中定义了一个名为 user 的字符串变量，并将其设置为 Jane User。最后，将 greeter 函数返回的字符串渲染到了 HTML 页面中。

编译 TypeScript 文件

完成了 TypeScript 文件的编写后，我们需要将其编译成 JavaScript，才能在浏览器中运行。打开命令行工具，定位到 TypeScript 文件所在的目录，输入以下命令：

tsc main.ts

这会编译 main.ts 文件，并生成一个同名的 main.js 文件。在浏览器中打开 HTML 文件，就可以看到 Hello, Jane User 字样了。

自动编译 TypeScript 文件

每次修改完 TypeScript 文件后都要手动编译十分麻烦，那么有没有办法自动编译呢？答案是肯定的。我们可以使用 tsc 命令加上一些参数，来监听 TypeScript 文件的变化，并自动进行编译。在命令行工具中输入以下命令：

tsc main.ts --watch

这会开启一个监听器，它会检测 main.ts 文件的变化，并实时编译成 JavaScript，然后保存到同名的 .js 文件中。我们可以在新命令行窗口中启动 HTTP 服务器，例如：

http-server

然后在浏览器中打开 URL http://localhost:8080，就可以看到我们的 TypeScript 程序运行的结果了。

总结

以上就是运行 TypeScript 文件的步骤了。首先，我们需要安装 Node.js 和 TypeScript。然后，我们可以使用任何文本编辑器来编写 TypeScript 程序，并在命令行中使用 tsc 命令进行编译。如果想要自动编译 TypeScript 文件，可以使用 tsc 命令加上 --watch 参数。