VSCODE创建TypeScript项目（局部安装）

以下是在 VS Code 中创建 TypeScript 项目的步骤：

1. 准备工作

   • 确保已安装 Node.js（包含 npm）
   • 安装 VS Code

2. 创建项目
   打开终端，执行以下命令：

   # 创建项目文件夹
   mkdir my-ts-project
   cd my-ts-project
   
   # 初始化 npm 项目
   npm init -y
   
   # 安装 TypeScript 作为开发依赖
   npm install typescript --save-dev
   
   # 生成 TypeScript 配置文件
   npx tsc --init
   

3. 配置 tsconfig.json
   打开自动生成的 tsconfig.json 文件，根据需要修改配置，常用配置：

   {
     "compilerOptions": {
       "target": "ES6",                          // 编译目标版本
       "module": "CommonJS",                     // 模块系统
       "outDir": "./dist",                       // 输出目录
       "rootDir": "./src",                       // 源代码目录
       "strict": true,                           // 启用严格模式
       "esModuleInterop": true,                  // 允许 ES 模块与 CommonJS 互操作
       "skipLibCheck": true,                     // 跳过库文件检查
       "forceConsistentCasingInFileNames": true  // 强制文件名大小写一致
     }
   }
   

4. 创建源代码
   在项目根目录创建 src 文件夹，并在其中创建 index.ts 文件：

   // src/index.ts
   function greet(name: string): string {
     return `Hello, ${name}!`;
   }
   
   const user = "TypeScript";
   console.log(greet(user));
   

5. 配置构建命令
   打开 package.json 文件，添加 scripts：

   "scripts": {
     "build": "tsc",
     "start": "node dist/index.js",
     "dev": "tsc --watch"
   }
   

6. 运行项目

   # 构建项目
   npm run build
   
   # 运行生成的 JavaScript
   npm start
   
   # 开发模式（自动监视文件变化并重新编译）
   npm run dev
   

7. VS Code 扩展推荐

   • TypeScript Hero

   • ESLint

   • Prettier

这样就完成了一个基本的 TypeScript 项目设置，你可以在 VS Code 中开始编写和调试 TypeScript 代码了。