vscode创建运行ts文件目录

在Visual Studio Code (VSCode) 中，要创建并运行TypeScript (.ts) 文件，首先你需要做的是设置好项目结构。以下是基本步骤：

1. **创建项目文件夹**：
创建一个新的文件夹，例如名为"typescript_project"。

2. **初始化 TypeScript 项目**：
在项目根目录下，打开终端（在Windows或macOS上通常是`Terminal`或`Git Bash`），然后运行 `npm init -y` 或者 `yarn create new` 来初始化一个新项目。如果你打算使用TypeScript，还需要安装`typescript`包，可以输入 `npm install typescript --save-dev` 或 `yarn add typescript --dev`。

3. **配置 tsconfig.json**：
在项目根目录下，查找或创建一个名为`tsconfig.json` 的文件，这是TypeScript项目的配置文件。配置项包括`compilerOptions`部分，其中`target`应该设为"es6"或更高，以便编译为ES6兼容的JavaScript。添加如下内容（示例）：

   {
     "compilerOptions": {
       "target": "es6",
       "module": "commonjs", // 根据需要选择模块系统
       "outDir": "./dist", // 输出编译后的文件到指定目录
       "strict": true // 开启严格模式
     },
     "include": ["src/**/*"] // 指定包含TypeScript源文件的路径
   }

4. **创建源文件**：
在`src`目录下创建一个.ts文件，如`main.ts`，编写你的TypeScript代码。

5. **启动调试或构建**：
使用VSCode的内置支持，你可以通过点击`Run`菜单中的"Start Debugging"开始调试，或者在命令面板中运行`tsc`来编译TS文件（如果没有配置`tsconfig.json`，则会自动查找`tsconfig.json`）。编译好的JavaScript文件会在`outDir`指定的目录下生成。