上查看所有课程
TypeScript (TS) 是一种基于 JavaScript (JS) 构建的编程语言。它本质上增加了类型安全的概念，帮助你在代码运行前捕捉错误。
由于 TS 与 JS 紧密耦合，在深入学习 TS 之前，强烈建议对 JS 有基本的了解。
注意： 如果你是 JavaScript 初学者，或者想巩固你的技能，可以在 Programiz PRO 上学习我们的 JavaScript 基础课程。
TypeScript 如何工作
与 JavaScript 不同，TypeScript 不能直接在浏览器中运行。相反，它首先使用 TypeScript 编译器编译成常规的 JavaScript 代码。然后，生成的 JS 代码可以在任何支持 JS 的地方运行。
运行 TypeScript
你可以通过两种主要方式运行 TypeScript：
- 在线运行 TypeScript
- 在你的电脑上运行 TypeScript
在本教程中，你将学习这两种运行 TypeScript 的方法。
在线运行 TypeScript
你可以尝试使用我们 免费在线 TypeScript 编译器，直接在浏览器中运行你的 TypeScript 代码，无需任何安装。
如果你是初学者，我们建议你采用这种方式学习。
在你的电脑上运行 TypeScript
如果你更喜欢在本地电脑上运行 TypeScript，本指南将引导你完成 Windows、macOS 或 Linux (Ubuntu) 所需的步骤。
你可以切换下面的选项卡以获取特定操作系统的实现。
在 Windows 上安装 TypeScript
要在本地电脑上运行 TypeScript，请按照以下步骤操作：
1. 安装 Visual Studio Code
2. 下载并安装 Node.js
3. 安装 TypeScript
4. 验证你的安装
步骤 1：安装 Visual Studio Code
访问 VS Code 官方网站 并下载 Windows 安装程序。下载完成后，运行安装程序并按照安装过程进行操作。
单击“完成”以完成安装过程。
步骤 2：下载并安装 Node.js
首先，访问 Node.js 官方网站 并下载 LTS 版本（这是大多数用户推荐的版本）。
下载完成后，前往“下载”文件夹，然后双击刚下载的 .msi 文件开始安装。系统可能会提示你允许进行更改。单击“下一步”继续。
现在，只需单击“安装”按钮开始安装。片刻之后，Node.js 将被安装并可以在你的设备上使用了。
步骤 3：安装 TypeScript
安装 Node.js 后，打开你的终端或命令提示符，然后运行以下命令全局安装 TypeScript：
npm install -g typescript
-g 标志会全局安装 TypeScript，因此可以从任何地方访问它。
步骤 4：验证你的安装
安装后，你可以通过运行以下命令来验证 TypeScript 是否已正确安装：
tsc --version
注意： 版本号可能因你安装的版本而异。
现在，你已准备好在你的设备上开始运行 TypeScript 程序。
在 Mac 上安装 TypeScript
要在 Mac OS 上运行 TypeScript，请按照以下步骤操作：
- 安装 VS Code
- 下载并安装 Node.js
- 安装 TypeScript
- 验证您的安装
步骤 1：安装 Visual Studio Code
访问 VS Code 官方网站 并下载 Mac 安装程序。下载完成后，打开 .dmg 文件并将 Visual Studio Code 拖到“应用程序”文件夹中。
步骤 2：下载 Node.js 文件
首先，访问 Node JS 官方网站 并下载 LTS 版本，这是大多数用户推荐的版本。
下载完成后，打开 .pkg 文件并按照屏幕上的说明安装 Node.js。安装过程将引导你完成每个步骤；只需按照提示操作并接受许可协议。
只需允许安装并继续。
然后你会看到安装部分。
现在，只需单击“安装”按钮开始安装。片刻之后，Node 将成功安装在你的设备上。
步骤 3：安装 TypeScript
安装 Node.js 后，打开你的终端或命令提示符，然后运行以下命令全局安装 TypeScript：
npm install -g typescript
在此，-g 标志确保 TypeScript 已全局安装，使其可以在系统上的任何位置访问。
步骤 4：验证你的安装
安装后，你可以通过运行以下命令来验证 TypeScript 是否已正确安装：
tsc --version或者
tsc -v
注意： 版本号可能因你安装的版本而异。
现在，你已准备好在你的设备上开始运行 TypeScript 程序。
在 Linux 上安装 TypeScript
Linux 有多种发行版，每种的安装过程略有不同。以下步骤特别针对 Ubuntu 发行版。
- 安装 VS Code
- 安装 Node
- 安装 TypeScript
- 验证你的安装
以下是每个步骤的详细说明
第 1 步：安装 VS Code
打开终端并输入：
sudo apt update 此命令会更新您的软件包列表，以确保您获得软件的最新版本。
继续使用以下命令安装 VS Code
sudo snap install code --classic 步骤 2：安装 Node
访问 snapcraft 并单击安装。
它会给出安装 Node 的命令。
打开你的终端并将命令粘贴到你的设备上以安装 Node。
sudo snap install node --classic
等待安装完成，然后开始使用 Node。
步骤 3：安装 TypeScript
安装 Node.js 和 npm 后，你可以在终端中运行以下命令来全局安装 TypeScript：
sudo npm install -g typescript
-g 标志确保 TypeScript 已全局安装，允许你在系统上的任何位置使用它。
步骤 4：验证你的安装
要验证 TypeScript 是否已正确安装，请运行以下命令：
tsc --version
这将显示已安装的 TypeScript 版本。请注意，版本号可能因你安装的版本而异。
现在，你已准备好在你的 Ubuntu 设备上开始运行 TypeScript 程序。
运行你的第一个程序
1. 打开 VS Code
首先，打开 Visual Studio Code。单击顶部菜单中的文件，然后选择新建文件。
2. 保存文件
接下来，将文件保存为 .ts 扩展名。单击文件，然后单击另存为，并将文件保存为 helloWorld.ts。
3. 编写代码
现在，在你的 helloWorld.ts 文件中编写以下代码：
console.log("Hello, TypeScript!");
5. 编译并运行代码
要将你的 TypeScript 代码编译为 JavaScript，请通过从顶部菜单中选择终端 > 新建终端来打开 VS Code 终端。然后，运行以下命令：
tsc helloWorld.ts这将把你的 helloWorld.ts 文件编译成一个 helloWorld.js 文件。
编译完成后，你就可以看到 helloWorld.js 文件已创建。要运行它，请在同一终端中键入以下命令：
node helloWorld.js
现在你应该会在输出控制台中看到 "Hello, TypeScript!" 打印出来。
运行程序的替代方法
为了加快开发过程，并直接运行 TypeScript 文件而不必每次手动编译为 JavaScript，你可以安装 VS Code 中的 Code Runner 扩展。
1. 安装 Code Runner 扩展
要安装 Code Runner 扩展，请打开 VS Code，单击左侧边栏中的扩展图标，然后搜索 Code Runner 并单击安装。
2. 为 Code Runner 安装 TypeScript 依赖
为了让 TS 在 VS Code 中工作，你需要安装 ts-node 包。与安装 typescript 类似，要安装 ts-node，请打开 VS Code 终端并运行以下命令：
npm install -g ts-node
你现在可以直接运行你的 TypeScript 文件。要执行此操作，请打开 TS 文件，你应该会看到一个运行（播放）按钮在 VS Code 中执行它。
现在你已经设置好在你的电脑上运行 TypeScript 程序，你将在下一个教程中学习如何使用基本的 TypeScript 功能。