VsCode的jsconfig配置文件说明详解
2020-04-29 22:00:33 来源:易采站长站 作者:刘景俊
或者,您可以使用 include 属性(glob 模式)显式地设置项目中的文件。 如果没有 include 属性,则默认情况下包含包含目录和子目录中的所有文件。 如果指定了 include 属性,则只包含这些文件。 下面是一个带有明确 include 属性的示例。
{
"compilerOptions": {
"module": "commonjs",
"target": "es6"
},
"include": ["src/**/*"]
}
提示: exclude 和 include 中的文件路径相对于 jsconfig.json 的位置
jsconfig Options 选项
下面是 jsconfig“ compilerOptions”来配置 JavaScript 语言支持。
compilerOptions
提示: 不要被 compilerOptions 搞糊涂了。 这个属性之所以存在,是因为 jsconfig.json 是 tsconfig.json 的后代,后者用于编译打字稿。
| 属性 | 描述 |
|---|---|
| nolib | 不要包含默认的库文件(lib.d.ts) |
| target | 指定要使用的默认库(lib.d.ts)。值为 "es3", "es5", "es6", "es2015", "es2016", "es2017", "es2018", "es2019", "es2020", "esnext". |
| module | 在生成模块代码时指定模块系统。值为“ amd”、“ commonJS”、“ es2015”、“ es6”、“ esnext”、“ none”、“ system”、“ umd” |
| moduleResolution | 指定如何解析导入模块。值为“node”和“classic” |
| checkJs | 启用 JavaScript 文件的类型检查 |
| experimentalDecorators | 为提议的 ES 装饰器提供实验支持 |
| allowSyntheticDefaultImports | 允许从没有默认导出的模块进行默认导入。这不影响代码,只是进行类型检查 |
| baseUrl | 解析非相关模块名称的基础目录 |
| paths | 指定相对于 baseUrl 选项计算的路径映射 |
您可以在TypeScript compilerOptions documentation .文档中了解有关可用 compilerOptions 的更多信息。
使用 webpack 别名
要使用 webpack 别名,智能感知需要使用 glob 模式指定路径键。
例如,使用 ClientApp 别名:
{
"compilerOptions": {
"baseUrl": ".",
"paths": {
"ClientApp/*": ["./ClientApp/*"]
}
}
}
然后用化名
import Something from 'ClientApp/foo';
最佳的使用方案
只要有可能,就应该排除包含不属于项目源代码的 JavaScript 文件的文件夹。
提示: 如果您的工作区中没有 jsconfig.json,VS Code 将默认排除 node_modules 文件夹。
下面是一个表格,将常见的项目组件映射到建议排除的安装文件夹:













闽公网安备 35020302000061号