如何编译 Typescript 文件？

TypeScript是一种开源编程语言。它由 Microsoft 开发和维护。 TypeScript 在语法上遵循 JavaScript，但添加了更多功能。 Typescript 是 javascript 的超集，但它是一种强类型、面向对象的编程语言。 Typescript 文件不会像 javascript 那样直接在浏览器上运行，我们必须将 typescript 文件编译为 javascript 才能正常运行。为了编译和运行任何 typescript 文件，首先，我们需要安装 node 并使用它在本地系统中全局安装 typescript。在本文中，我们将了解如何编译 Typescript 文件。请参阅如何使用命令行执行 TypeScript 文件？本地系统node&typescript的详细安装过程一文。

Typescript 的设置：我们需要下载并安装 node.js 和节点包管理器 (npm) 来设置 typescript 工作的环境。为了检查 node 和 npm 安装的版本，在 cmd 中键入以下命令：

node -v

npm -v

注意：我们不需要显式下载 npm，它会与 node.js 一起自动下载和安装。

成功安装 node.js & npm 后，我们需要使用以下命令安装 Typescript：

npm install -g typescript

在这个阶段，我们已经成功完成了 Typescript 的环境设置，可以开始工作了。请注意，我们必须在我们安装了 typescript 的同一目录中创建并保存 typescript 文件。保存带有.ts扩展名的打字稿文件并在您的 ts 文件中添加以下代码。

打字稿：

Javascript

var greet : string = "Welcome to";
var orgName : string = "GeeksforGeeks!";
console.log(greet+ " "+orgName);

现在，在命令提示符下运行以下命令来编译 typescript 文件。这将自动从 typescript 创建一个具有相同名称的 javascript 文件。

编译打字稿文件：

tsc fileName.ts

运行 javascript 文件：

node fileName.js

成功执行上述命令后，会在当前工作目录中自动生成一个javascript文件，其中包含typescript文件的编译代码。生成的 javascript 代码如下所示。

例子：

Javascript

var greet = "Welcome to";
var orgName = "GeeksforGeeks!";
console.log(greet + " " + orgName);

输出：

"Welcome to GeeksforGeeks!"

示例：在此示例中，您将看到我们遵循的安装、配置目录、编译和执行 ts 代码的完整步骤。

• 创建一个文件夹并将其命名为 Typescript。
• 打开命令提示符并转到 Typescript 目录并运行以下命令。

npm install -g typescript

创建文件index.ts并添加以下代码。我们可以按照任何一种语法在 Typescript 中编写代码。

打字稿：

Javascript

const character = "GeeksForGeeks";
console.log(character);

现在我们必须将我们的 typescript 文件编译为 javascript，因此运行以下命令。

tsc index.ts

输出：现在，typescript 文件已编译，我们的目录中可以有 index.js 文件，因此我们将通过键入以下命令检查输出。

node index.js

输出：从上图中，我们可以看到 javascript 文件成功运行并显示了相应的输出。