在vscode上安装typescript

要在 VS Code 上安装 TypeScript，您需要按照以下步骤操作：

1. 安装 Node.js

TypeScript 是一种在 Node.js 上运行的编程语言。您需要在计算机上安装 Node.js 才能使用 TypeScript。

您可以从 Node.js 的官方网站 https://nodejs.org/zh-cn/ 下载适用于您的操作系统的安装程序。安装程序会将 Node.js 和 Node 包管理器（npm）一起安装在您的计算机上。

2. 安装 TypeScript

在安装了 Node.js 后，您可以使用 npm 安装 TypeScript。打开终端或命令提示符，输入以下命令：

npm install -g typescript

这将在全局范围内安装 TypeScript。

3. 在 VS Code 上创建 TypeScript 项目

现在您已经安装了 TypeScript，接下来您需要在 VS Code 上创建一个 TypeScript 项目。打开 VS Code，选择“文件”>“新建文件夹”，并为项目选择一个名称。然后，将终端或命令提示符切换到您创建的文件夹中。

在您的文件夹中，创建一个名为“tsconfig.json”的新文件。这是 TypeScript 的配置文件，它告诉 TypeScript 编译器如何编译您的代码。在“tsconfig.json”文件中添加以下内容：

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "outDir": "dist"
  },
  "include": [
    "src/**/*"
  ]
}

这将告诉 TypeScript 编译器将编译目标设置为 ES5，使用 CommonJS 模块系统，并将编译输出保存在“dist”文件夹中。它还将指示 TypeScript 编译器编译“src”文件夹中的所有 TypeScript 文件。

4. 创建 TypeScript 文件

现在，您可以在“src”文件夹中创建一个新的 TypeScript 文件。在 VS Code 中选择“文件”>“新建文件”，并将文件保存为“index.ts”。

在“index.ts”文件中添加以下内容：

function greeter(name: string) {
  console.log("Hello, " + name + "!");
}

greeter("TypeScript");

这是一个简单的 TypeScript 程序，它将在控制台中输出“Hello, TypeScript!”。

5. 编译 TypeScript 文件

在 VS Code 中，打开终端或命令提示符，并将其切换到您的项目文件夹中。然后，输入以下命令：

tsc

这将编译您的 TypeScript 文件并将编译输出保存在“dist”文件夹中。

6. 运行 TypeScript 文件

最后，您可以运行您的 TypeScript 程序。在终端或命令提示符中输入以下命令：

node dist/index.js

这将在控制台中输出“Hello, TypeScript!”。

现在，您已经成功地在 VS Code 上安装并运行了 TypeScript！