如何运行 TypeScript 项目
引言
TypeScript 是一种由微软开发的开源编程语言，它是 JavaScript 的超集，为 JavaScript 添加了静态类型检查和其他一些特性。TypeScript 代码需要先编译成 JavaScript 代码，然后才能在浏览器或 Node.js 环境中运行。本文将介绍如何运行 TypeScript 项目，并解决在开发过程中常遇到的问题。
准备工作
首先，我们需要安装 Node.js。可以在 Node.js 官网上下载并安装适用于您操作系统的版本。
安装完成后，打开终端并运行以下命令来检查是否成功安装了 Node.js：
node -v
npm -v
如果成功输出了 Node.js 和 npm 的版本号，则说明安装成功。
接着，我们使用 npm 来安装 TypeScript。在终端中运行以下命令：
npm install -g typescript
安装完成后，我们可以使用以下命令来确认 TypeScript 是否成功安装：
tsc -v
如果成功输出了 TypeScript 的版本号，则说明安装成功。
创建 TypeScript 项目
在运行 TypeScript 项目之前，我们需要创建一个 TypeScript 项目。在终端中进入您希望创建项目的目录，并运行以下命令：
mkdir myproject
cd myproject
接着，我们使用以下命令来初始化一个新的 TypeScript 项目：
npm init -y
此命令将会在当前目录下创建一个 package.json 文件，其中包含了项目的配置信息。我们可以使用文本编辑器打开这个文件，并添加或修改其中的配置项。
编写 TypeScript 代码
现在，我们可以开始编写 TypeScript 代码了。在项目的根目录下创建一个新文件，命名为 index.ts。在这个文件中，我们可以编写任意 TypeScript 代码。比如，下面的代码会输出"Hello, TypeScript!"：
console.log("Hello, TypeScript!");
编译 TypeScript 代码
在运行 TypeScript 代码之前，我们需要将 TypeScript 代码编译成 JavaScript 代码。在终端中运行以下命令来编译 TypeScript 代码：
tsc index.ts
此命令将会在当前目录下生成一个 JavaScript 文件，文件名为 index.js，其中包含了编译后的代码。
运行 TypeScript 项目
现在，我们可以在浏览器或 Node.js 环境中运行 TypeScript 项目了。如果您希望在浏览器中运行，可以在 HTML 文件中引入生成的 JavaScript 文件：
<script src="index.js"></script>
如果您希望在 Node.js 环境中运行，可以在终端中运行以下命令：
node index.js
无论您选择在浏览器还是在 Node.js 环境中运行，都会输出 "Hello, TypeScript!"。
示例应用
下面我们将通过一个示例应用来演示如何运行 TypeScript 项目。假设我们正在开发一个简单的计算器应用，可以对输入的两个数字进行加法运算。
首先，我们创建一个新的 TypeScript 项目，并在根目录下创建一个 index.ts 文件。在 index.ts 文件中，我们定义一个函数来执行加法运算：
function add(a: number, b: number): number {
return a + b;
}
console.log(add(2, 3)); // 输出: 5
接着，我们编译 TypeScript 代码，生成对应的 JavaScript 代码：
tsc index.ts
编译完成后，我们可以在浏览器中使用以下 HTML 文件来运行 TypeScript 项目：
<!DOCTYPE html>
<html>
<head>
<title>TypeScript Calculator</title>
<script src="index.js"></script>
</head>
<body>
TypeScript Calculator
<p>2 + 3 = <span id="result"></span></p>
<script>
document.getElementById("result").textContent = add(2, 3).toString();
</script>
</body>
</html>
打开浏览器，加载该 HTML 文件，您将会看到计算结果被显示在页面中。
