如何在vscode上搭建TS手动编程环境

在Visual Studio Code (VSCode) 上搭建 TypeScript 手动编程环境，你可以按照以下步骤操作：

1. **安装VSCode**：首先，确保你已经下载并安装了最新版本的VSCode。如果你还没有，可以从官方网站下载。

2. **安装Node.js**：TypeScript是JavaScript的一个超集，它需要Node.js环境支持。访问https://nodejs.org/ 官网下载并安装Node.js。

3. **安装TSLint和TypeScript Language Server**：
- 安装TSLint作为代码风格检查工具，打开终端(Windows/Linux)或命令提示符(CMD)，运行：

     npm install tslint -g

- 安装TypeScript语言服务器，同样在终端或CMD中输入：

     npm install typescript --save-dev

4. **配置VSCode**：
- 首次启动VSCode，点击左下角的“设置”图标（⚙️），或直接按 `Ctrl + ,`（Windows/Linux）或 `Cmd + ,`（Mac）打开settings.json文件。
- 在JSON编辑器中添加以下内容，配置TypeScript：

     {
       "editor.formatOnSave": true,
       "typescript.tsdk": "${workspaceFolder}/node_modules/typescript/lib", // 如果TypeScript全局安装位置不是默认的
       "eslint.validate": [
         "javascript",
         "javascriptreact",
         "typescript",
         "typescriptreact"
       ],
       "vetur.format.defaultFormatter.js": "prettier-vscode"
     }

- 可选地，安装TypeScript插件，例如"Microsoft Typescript"，可以在搜索框里找到并安装。

5. **创建项目**：在VSCode中，右键选择“新建文件夹”，然后将这个文件夹设为工作区（File > Add Folder to Workspace）。接着，在此文件夹内创建`.ts`文件开始编写TypeScript代码。

6. **构建和验证**：
- 为了编译TypeScript到JavaScript，可以使用tsc命令。在终端中，通过`cd`切换到你的项目目录，然后运行`tsc`或`tsc yourfile.ts`来编译指定的文件。
- 保存文件后，VSCode会自动使用内置的TypeScript语言服务进行实时语法检查和代码补全。

7. **调试**：如果需要调试TypeScript代码，安装如"debug"这样的调试插件，并配置launch.json来设置调试配置。