vscode typescript环境配置

VSCode（Visual Studio Code）是一款轻量级但功能强大的代码编辑器，支持多种编程语言，包括TypeScript。TypeScript是一种静态类型的JavaScript超集，增加了编译时类型检查和更丰富的面向对象编程特性。要在VSCode中配置TypeScript环境，你需要完成以下几个步骤：

1. **安装VSCode**: 首先确保你已经下载并安装了最新版本的VSCode。

2. **安装TypeScript扩展**: 打开VSCode，点击右下角的“扩展”或转到`Extensions`菜单，搜索“TypeScript”，然后安装官方的"TypeScript"扩展。

3. **创建项目目录**: 创建一个新的项目文件夹，并进入该文件夹。

4. **初始化TypeScript项目**: 在终端或命令提示符中，导航到项目根目录并运行以下命令（假设你的项目名是myProject）:

   npm init -y 或 yarn create
   tsc --init

5. **打开tsconfig.json**: 这将自动创建一个tsconfig.json文件，这是TypeScript项目的配置文件。你可以在这里设置编译选项、目标模块系统等。

6. **配置vscode**: 在VSCode中，打开`settings.json`（可以通过`File > Preferences > Settings`或快捷键`Ctrl + ,`）。添加以下内容，使VSCode关联`.ts`文件：

   {
     "files.associations": {
       "*.ts": "typescript"
     }
   }

7. **编写TypeScript文件**: 创建一个`.ts`文件开始编写TypeScript代码。VSCode会自动检测并提供语法高亮和智能提示。

8. **编译和查看错误**: 右键点击源文件或按下`Ctrl + Shift + B`（Windows/Linux）或`Cmd + Shift + B`（Mac），运行TypeScript编译器。如果存在错误，VSCode会在侧边栏显示编译错误。