如何配置VSCode以支持TypeScript开发?
- 内容介绍
- 文章标签
- 相关推荐
本文共计959个文字,预计阅读时间需要4分钟。
在VSCode中配置TypeScript并非装了就好,需要以下几个关键步骤:
必须在项目根目录放一个有效的 tsconfig.json
VSCode 只在工作区根目录发现 tsconfig.json 时,才启用完整类型检查;没有它,只做基础语法高亮。空文件 {} 都比没有强,但推荐直接写最小可用配置:
-
"target": "ES2020"和"lib": ["ES2020"]要配对,Node.js 项目别加"dom" -
"module": "NodeNext"(ESM 项目)或"commonjs"(CJS),不能和"moduleResolution"冲突 -
"strict": true必须开,否则any泛滥、未初始化属性无提示 -
"include": ["src/**/*"]路径必须带引号、用正斜杠、结尾通配符不能漏 - 删掉所有 JSON 注释(
tsc --init生成的注释行会干扰部分工具)
确认 VSCode 正在用项目本地的 TypeScript 版本
VSCode 底部状态栏显示的 TypeScript 版本,决定它怎么解析代码。
本文共计959个文字,预计阅读时间需要4分钟。
在VSCode中配置TypeScript并非装了就好,需要以下几个关键步骤:
必须在项目根目录放一个有效的 tsconfig.json
VSCode 只在工作区根目录发现 tsconfig.json 时,才启用完整类型检查;没有它,只做基础语法高亮。空文件 {} 都比没有强,但推荐直接写最小可用配置:
-
"target": "ES2020"和"lib": ["ES2020"]要配对,Node.js 项目别加"dom" -
"module": "NodeNext"(ESM 项目)或"commonjs"(CJS),不能和"moduleResolution"冲突 -
"strict": true必须开,否则any泛滥、未初始化属性无提示 -
"include": ["src/**/*"]路径必须带引号、用正斜杠、结尾通配符不能漏 - 删掉所有 JSON 注释(
tsc --init生成的注释行会干扰部分工具)
确认 VSCode 正在用项目本地的 TypeScript 版本
VSCode 底部状态栏显示的 TypeScript 版本,决定它怎么解析代码。

