vscode配置typescript
时间: 2024-12-26 12:14:03 浏览: 47
Visual Studio Code (VSCode) 配置 TypeScript 主要是为了提供良好的类型检查和自动完成等功能。以下是设置 TypeScript 开发环境的基本步骤:
1. 安装 VSCode 和 TypeScript 扩展:
- 下载并安装 Visual Studio Code。
- 在扩展市场中搜索 "TypeScript" 或者 "ESLint for TypeScript" 等插件,然后点击 "Install"。
2. 创建 `.vscode` 文件夹:
在项目根目录下(如果没有的话),新建一个名为 `.vscode` 的隐藏文件夹。
3. 编辑 `settings.json`:
在 `.vscode` 文件夹里创建一个名为 `settings.json` 的文件,配置 TypeScript 相关选项。例如,设置默认的 tsconfig 文件位置:
```json
{
"typescript.tsdk": "${workspaceFolder}/node_modules/typescript/lib", // 设置 TypeScript 版本路径
"typescript.checkJs": true, // 启用 .js 文件的类型检查
"javascript.validate.enable": false, // 关闭 JavaScript 的验证,因为我们将专注于 TypeScript
"vetur.format.defaultFormatter.js": "prettier-eslint", // 使用 Prettier 格式化 JavaScript
"[typescript]": {
"editor.defaultFormatter": "dbaeumer.vscode-eslint", // 为 TypeScript 指定 ESLint 格式器
"editor.insertSpaces": true, // 设置缩进风格,默认为空格
}
}
```
4. 配置 TypeScript 工程(tsconfig.json):
在项目的根目录下(如果尚未存在),创建一个名为 `tsconfig.json` 的文件,用于指定编译选项、目标平台等。基本的配置可以如下:
```json
{
"compilerOptions": {
"target": "es6",
"module": "commonjs",
"strict": true,
"esModuleInterop": true,
"outDir": "./dist", // 输出目录
"sourceMap": true, // 生成源映射
"resolveJsonModule": true // 解析 JSON 文件
},
"include": ["src/**/*"] // 包含在编译范围内的文件夹
}
```
阅读全文
相关推荐


















