TypeScript 常见配置项

TypeScript 使用 tsconfig.json 文件来配置项目中的 TypeScript 编译选项。以下是一些常见的配置选项:

compilerOptions(编译器选项)

target: 指定编译后的 JavaScript 目标版本,如 "es5""es6" 等。
module: 指定生成代码的模块规范,如 "commonjs""amd""umd" 等。
outDir: 指定输出目录。
strict: 开启所有严格类型检查选项。
noImplicitAny: 当类型无法推断时是否报错。
removeComments: 是否移除注释。
sourceMap: 是否生成对应的 source map 文件。
experimentalDecorators:启用对遗留实验装饰器的实验支持
emitDecoratorMetadata:为源文件中的修饰声明发出设计类型的元数据
resolveJsonModule:启用导入.json文件。
skipLibCheck:跳过所有的类型检查文件。
"paths": 指定一组条目,将导入重新映射到其他查找位置。

include 和 exclude

include: 指定要包含的文件或文件夹。
exclude: 指定要排除的文件或文件夹。


 "include": [
    "src/**/*"
  ],
  "exclude": [
      "node_modules",
      "**/*.spec.ts"
  ]

files
files: 明确指定要包含的文件列表
extends
extends: 可以继承另一个配置文件。
示例 tsconfig.json

{
  "compilerOptions": {
    "target": "es5",
    "module": "commonjs",
    "outDir": "dist",
    "strict": true,
    "noImplicitAny": true,
    "removeComments": true,
    "sourceMap": true
  },
  "include": [
    "src/**/*.ts"
  ],
  "exclude": [
    "node_modules"
  ]
}

以上是一些常见的配置选项,可以根据具体项目需求调整 tsconfig.json 文件。官网编译选项

  • 6
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
TypeScript配置详解可以通过编辑一个名为tsconfig.json的配置文件来实现。tsconfig.json是TypeScript编译器的配置文件,它允许您指定编译选目设置。以下是一些常见配置: 1. "compilerOptions":这个选包含了一系列配置,用于指定编译器的行为。例如,您可以设置"target"来指定要编译到的JavaScript版本,设置"outDir"来指定输出目录,设置"strict"来启用严格的类型检查等等。 2. "include"和"exclude":这两个选用于指定要包含或排除的文件或文件夹。您可以使用通配符模式来匹配文件路径。 3. "files":这个选允许您直接指定要编译的文件列表。如果您不想使用"include"和"exclude"来匹配文件,可以使用这个选。 4. "extends":这个选允许您继承其他配置文件的设置。这对于共享通用设置非常有用。 5. "references":这个选用于指定目之间的引用关系。可以使用这个选来构建具有多个目的解决方案。 通过编辑tsconfig.json文件,您可以根据自己的需求配置TypeScript编译器的行为和目设置。您可以指定编译选、包含或排除文件、指定输出目录等等。通过这些配置,您可以更好地控制TypeScript目的编译过程和行为。 要编译TypeScript代码,您可以使用tsc命令行工具。例如,要编译名为helloTypeScript.ts的TypeScript文件,您可以运行以下命令: tsc helloTypeScript.ts 这将使用tsc编译器将TypeScript代码转换为JavaScript代码。编译后的JavaScript文件将与输入文件位于同一目录中,并且具有相同的文件名,但扩展名为.js。通过这种方式,您可以在TypeScriptJavaScript之间进行无缝切换和集成。 请注意,tsc是TypeScript编译器的缩写,表示TypeScript Compiler。它是用于将TypeScript代码编译为JavaScript代码的命令行工具。您可以通过安装TypeScript来获取tsc编译器,并将其配置到系统或目的路径中。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* *3* [TypeScript环境配置详解](https://blog.csdn.net/qq_44749491/article/details/127419988)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 100%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值