在 Visual Studio Code 中安装 TypeScript

TypeScript 是 Microsoft 开发的一种编程语言，它是 JavaScript 的超集，为 JavaScript 带来了类、接口、类型注解等一系列功能，让 JavaScript 可以更加适合大规模项目开发。在 Visual Studio Code 中安装 TypeScript 也非常简单，下面我们就来一步步介绍。

安装 Node.js

TypeScript 需要 Node.js 环境才能运行，如果你已经安装了 Node.js，可以跳过这一步。如果没有安装，可以到 Node.js 官网下载安装程序，https://nodejs.org/zh-cn/。

安装 TypeScript

要在 Visual Studio Code 中使用 TypeScript，需要先安装 TypeScript 编译器。可以使用 npm 命令来安装 TypeScript，打开终端，执行以下命令：

npm install -g typescript

这里的 -g 参数表示全局安装，如果没有管理员权限，可以在命令前面添加 sudo。

安装完成后，可以在终端中执行以下命令查看 TypeScript 的版本：

tsc --version

在 Visual Studio Code 中创建 TypeScript 项目

现在可以在 Visual Studio Code 中创建一个 TypeScript 项目了。打开 Visual Studio Code，依次点击菜单栏的“文件”-“新建文件夹”，创建一个新文件夹，然后通过“文件”-“打开文件夹”打开该文件夹。

在 Visual Studio Code 中，可以通过“终端”-“新终端”打开终端，执行以下命令初始化 TypeScript 项目：

npm init -y

这里的 -y 参数表示使用默认配置。完成后，会在项目根目录下生成一个 package.json 文件。

创建 TypeScript 文件

在 Visual Studio Code 的文件资源管理器中，右键单击项目根目录，选择“新建文件”，然后命名为 index.ts。这里的 .ts 后缀表示 TypeScript 文件。

在 index.ts 中输入以下代码：

console.log("Hello World");

编译 TypeScript 文件

现在需要将 TypeScript 文件编译成 JavaScript 文件，可以在 Visual Studio Code 中使用 tsc 命令来编译。在终端中进入项目根目录，执行以下命令：

tsc index.ts

执行成功后，会在项目根目录下生成一个 index.js 文件。

运行 JavaScript 文件

最后，可以在终端中执行以下命令运行 JavaScript 文件：

node index.js

输出结果为“Hello World”，表示 TypeScript 文件已经成功编译成 JavaScript 文件，并且可以在 Node.js 环境中运行。

以上就是在 Visual Studio Code 中安装 TypeScript 的全部过程。要注意的是，如果需要在浏览器中运行 TypeScript 文件，则需要通过打包工具将 TypeScript 文件编译成 JavaScript 文件，并将其引入到 HTML 文件中。这里不再赘述。