TS学习笔记十二:项目配置

  本节介绍ts项目配置相关内容,包括项目配置文件tsconfig.json的说明及编译选项的内容介绍。

  1. 讲解视频

    TS学习笔记二十五:TS项目配置

  2. B站视频

    TS学习笔记二十五:TS项目配置

  3. 西瓜视频
    https://www.ixigua.com/7327847796814709288

在这里插入图片描述

一、tsconfig.json

  tsconfig.json位于ts项目的根目录中,此文件指定了用来编译这个项目的根目录及编译选项,编译时有以下两种方式:

  1. 不带任何输入文件的情况下调用tsc,编译器会从当前目录开始去查找tsconfig.json文件,逐级向上搜索父目录。
  2. 不带任何输入文件的情况下调用tsc,且使用命令行参数–project或-p指定一个包含tsconfig.json文件的目录。
  3. 当命令行上指定了输入文件时,tsconfig.json文件会被忽略。
    tsconfig.json中使用files属性:
{"compilerOptions": {"module": "commonjs","noImplicitAny": true,"removeComments": true,"preserveConstEnums": true,"outFile": "../../built/local/tsc.js","sourceMap": true},"files": ["core.ts","sys.ts","types.ts","scanner.ts","parser.ts","utilities.ts","binder.ts","checker.ts","emitter.ts","program.ts","commandLineParser.ts","tsc.ts","diagnosticInformationMap.generated.ts"]
}

tsconfig.json中使用使用"include"和"exclude"属性:

{"compilerOptions": {"module": "commonjs","noImplicitAny": true,"removeComments": true,"preserveConstEnums": true,"outFile": "../../built/local/tsc.js","sourceMap": true},"include": ["src/**/*"],"exclude": ["node_modules","**/*.spec.ts"]
}

  compilerOptions可以忽略,忽略时编译器会使用默认值,files指向一个包含相对或绝对文件路径的列表,include或exclude属性指定一个文件匹配模式列表,匹配通配符有:

  1. *匹配0个或多个字符,不包含目录分隔符
  2. ?匹配一个任意字符,不包含目录分隔符
  3. **/递归匹配任意子目录

  如果匹配模式中只写了或.,那么只会包含支持的文件扩展名,如默认的.ts、.tsc、.d.ts等。
  如果files和include都没有指定,编译器默认包含当前目录和子目录下所有的ts文件,排除exclude中指定的文件;
  如果files或include指定了,编译器会将他们结合并全部包含进去,使用outDir指定的目录在编译时会被排除在外,除非明确的使用files将其包含了进来。
  使用include引入的文件可以使用exclude属性过滤,但通过files指定的文件却总会被包含,不管exclude中是否指定了排除,默认情况下exclude会排除:node_modules、bower_components,和jspm_packages目录。
  任何被files或include指定的文件所引用的文件也会被包含进来,A.ts引用了B.ts,B.ts不能排除,除非排除了A.ts。
  在最顶层设置complieOnSave标记,IDE会在保存文件的时候自动根据tsconfig.json重新生成文件。

{"compileOnSave": true,"compilerOptions": {"noImplicitAny" : true}
}

二、编译选项

选项类型默认值描述
–allowJsbooleantrue允许编译javascript文件。
–allowSyntheticDefaultImportsbooleanmodule === “system”允许从没有设置默认导出的模块中默认导入。这并不影响代码的显示,仅为了类型检查。
–allowUnreachableCodebooleanfalse不报告执行不到的代码错误。
–allowUnusedLabelsbooleanfalse不报告未使用的标签错误。
–baseUrlstring解析非相对模块名的基准目录。查看模块解析文档了解详情。
–charsetstring“utf8”输入文件的字符集。
–declaration或-dbooleanfalse生成相应的’.d.ts’文件。
–declarationDirstring生成声明文件的输出路径。
–diagnosticsbooleanfalse显示诊断信息。
–disableSizeLimitbooleanfalse禁用JavaScript工程体积大小的限制
–emitBOMbooleanfalse在输出文件的开头加入BOM头(UTF-8 Byte Order Mark)。
–emitDecoratorMetadata[1]booleanfalse给源码里的装饰器声明加上设计类型元数据。查看issue #2577了解更多信息。
–experimentalDecorators[1]booleanfalse实验性启用ES7装饰器支持。
–forceConsistentCasingInFileNamesbooleanfalse不允许不一致包装引用相同的文件。
–help或-h打印帮助信息。
–inlineSourceMapbooleanfalse生成单个sourcemaps文件,而不是将每sourcemaps生成不同的文件。
–inlineSourcesbooleanfalse将代码与sourcemaps生成到一个文件中,要求同时设置了–inlineSourceMap或–sourceMap属性。
–init初始化TypeScript项目并创建一个tsconfig.json文件。
–isolatedModulesbooleanfalse无条件地给没有解析的文件生成imports。
–jsxstring“Preserve”在’.tsx’文件里支持JSX:‘React’ 或 ‘Preserve’。查看JSX。
–lib string[]编译过程中需要引入的库文件的列表。可能的值为: ► es5 ► es6 ► es2015 ► es7 ► es2016 ► es2017 dom webworker scripthost ► es2015.core ► es2015.collection ► es2015.generator ► es2015.iterable ► es2015.promise ► es2015.proxy ► es2015.reflect ► es2015.symbol ► es2015.symbol.wellknown ► es2016.array.include ► es2017.object ► es2017.sharedmemory 注意:如果–lib没有指定默认库。默认库是► For --target ES5: dom,es5,scripthost► For --target ES6: dom,es6,dom.iterable,scripthost
–listEmittedFilesbooleanfalse打印出编译后生成文件的名字。
–listFilesbooleanfalse编译过程中打印文件名。
–localestring(platform specific)显示错误信息时使用的语言,比如:en-us。
–mapRootstring为调试器指定指定sourcemap文件的路径,而不是使用生成时的路径。当.map文件是在运行时指定的,并不同于js文件的地址时使用这个标记。指定的路径会嵌入到sourceMap里告诉调试器到哪里去找它们。
–maxNodeModuleJsDepthnumber0node_modules下的最大依赖深度搜索并加载JavaScript文件。仅适用于使用–allowJs。
–module或-mstringtarget === ‘ES6’ ? ‘ES6’ : ‘commonjs’指定生成哪个模块系统代码:‘commonjs’,‘amd’,‘system’,或 ‘umd’或’es2015’。只有’amd’和’system’能和–outFile一起使用。当目标是ES5或以下的时候不能使用’es2015’。
–moduleResolutionstringmodule === ‘amd’ 或 ‘system’ 或 ‘ES6’ ? ‘classic’ : ‘node’决定如何处理模块。或者是’node’对于Node.js/io.js,或者是’classic’(默认)。查看模块解析文档了解详情。
–newLinestring(platform specific)当生成文件时指定行结束符:‘CRLF’(dos)或 ‘LF’ (unix)。
–noEmitbooleanfalse不生成输出文件。
–noEmitHelpersbooleanfalse不在输出文件中生成用户自定义的帮助函数代码,如__extends。
–noEmitOnErrorbooleanfalse报错时不生成输出文件。
–noFallthroughCasesInSwitchbooleanfalse报告switch语句的fallthrough错误。(即,不允许switch的case语句贯穿)
–noImplicitAnybooleanfalse在表达式和声明上有隐含的’any’类型时报错。
–noImplicitReturnsbooleanfalse不是函数的所有返回路径都有返回值时报错。
–noImplicitThisbooleanfalse当this表达式的值为any类型的时候,生成一个错误。
–noImplicitUseStrictbooleanfalse模块输出中不包含’use strict’指令。
–noLibbooleanfalse不包含默认的库文件(lib.d.ts)。
–noResolvebooleanfalse不把/// <reference``>或模块导入的文件加到编译文件列表。
–noUnusedLocalsbooleanfalse若有未使用的局部变量则抛错。
–noUnusedParametersbooleanfalse若有未使用的参数则抛错。
–outstring弃用。使用 --outFile 代替。
–outDirstring重定向输出目录。
–outFilestring将输出文件合并为一个文件。合并的顺序是根据传入编译器的文件顺序和///<reference``>和import的文件顺序决定的。查看输出文件顺序文件了解详情。
paths[2]Object模块名到基于baseUrl的路径映射的列表。查看模块解析文档了解详情。
–preserveConstEnumsbooleanfalse保留const和enum声明。查看const enums documentation了解详情。
–pretty[1]booleanfalse给错误和消息设置样式,使用颜色和上下文。
–project或-pstring编译指定目录下的项目。这个目录应该包含一个tsconfig.json文件来管理编译。查看tsconfig.json文档了解更多信息。
–reactNamespacestring“React”当目标为生成’react’ JSX时,指定createElement和__spread的调用对象
–removeCommentsbooleanfalse删除所有注释,除了以/!*开头的版权信息。
–rootDirstring(common root directory is computed from the list of input files)仅用来控制输出的目录结构–outDir。
rootDirs[2]string[]根(root)文件夹列表,联给了代表运行时表示工程结构的内容。查看模块解析文档了解详情。
–skipLibCheckbooleanfalse不检查默认库文件(lib.d.ts)的正确性。
–skipDefaultLibCheckbooleanfalse不检查用户定义的库文件(*.d.ts)的正确性。
–sourceMapbooleanfalse生成相应的’.map’文件。
–sourceRootstring指定TypeScript源文件的路径,以便调试器定位。当TypeScript文件的位置是在运行时指定时使用此标记。路径信息会被加到sourceMap里。
–strictNullChecksbooleanfalse在严格的null检查模式下,null和undefined值不包含在任何类型里,只允许用它们自己和any来赋值(有个例外,undefined可以赋值到void)。
–stripInternal[1]booleanfalse不对具有/** @internal */ JSDoc注解的代码生成代码。
–suppressExcessPropertyErrors[1]booleanfalse阻止对对象字面量的额外属性检查。
–suppressImplicitAnyIndexErrorsbooleanfalse阻止–noImplicitAny对缺少索引签名的索引对象报错。查看issue #1232了解详情。
–target或-tstring“ES5”指定ECMAScript目标版本’ES3’ (默认),‘ES5’,或’ES6’[1]
–traceResolutionbooleanfalse生成模块解析日志信息
–typesstring[]要包含的类型声明文件名列表。
–typeRootsstring[]要包含的类型声明文件路径列表。
–version或-v打印编译器版本号。
–watch或-w在监视模式下运行编译器。会监视输出文件,在它们改变时重新编译。

[1] 这些选项是试验性的。
[2] 这些选项只能在tsconfig.json里使用,不能在命令行使用。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.hqwc.cn/news/437954.html

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

删除倒数第N个结点---链表Oj

https://leetcode.cn/problems/remove-nth-node-from-end-of-list/description/?envType=study-plan-v2&envId=top-100-liked 1、常规解法 删除倒数第N个结点,那就是删除整数第(len - N + 1)个结点,我们只需要找到第len-N个结点,让它的next指向倒数第N个结点…

MySQL 学习记录

基本常识 row-size-limitsblob&#xff1a; BLOB and TEXT columns cannot have DEFAULT values.Instances of BLOB or TEXT columns in the result of a query that is processed using a temporary table causes the server to use a table on disk rather than in memory b…

Vue3的自定义指令怎么迁移到nuxt3

一、找到Vue3中指令的源码 const DISTANCE 100; // 距离 const ANIMATIONTIME 500; // 500毫秒 let distance: number | null null,animationtime: number | null null; const map new WeakMap(); const ob new IntersectionObserver((entries) > {for (const entrie…

体育馆运动场地预定小程序的独特优势与用户体验

随着人们健康意识的提高&#xff0c;体育馆成为了大家进行锻炼和运动的重要场所。为了更好地满足用户的需求&#xff0c;体育馆需要开发一款预定场地的小程序&#xff0c;为用户提供便捷、高效的预定服务。本文将介绍如何使用乔拓云平台开发体育馆运动场地预定小程序&#xff0…

ubuntu安装农历日历

1、安装liblunar-date-2.0-0和gir1.2-lunar-date-2.0 链接&#xff1a;https://pkgs.org/download/gir1.2-lunar-date-2.0 选择amd64的deb文件 复制下图网址下载 下图中为依赖项&#xff0c;下载liblunar-date-2.0-0 同样选择amd64版本 复制下图中地址进行下载 下载完成后切换…

vue-admin-template框架

vue-admin-template框架地址&#xff1a;项目地址 项目预览地址&#xff1a;项目预览 框架简介&#xff1a;这是一个极简的 vue admin 管理后台。它只包含了 Element UI & axios & iconfont & permission control & lint&#xff0c;这些搭建后台必要的东西。 …

从零学习Linux操作系统 第二十部分 mariadb数据库的管理

一、对于数据库的基本介绍 1.什么是数据库 数据库就是个高级的表格软件 2.常见数据库 Mysql Oracle mongodb db2 sqlite sqlserver … 3.Mysql (SUN -----> Oracle) 4.mariadb (Mysql的一种&#xff09; 数据库中的常用名词 1.字段 &#xff1a;表格中的表头 2.表 &…

Lucene 查询原理

Lucene 查询原理 - 知乎 前言 Lucene 是一个基于 Java 的全文信息检索工具包&#xff0c;目前主流的搜索系统Elasticsearch和solr都是基于lucene的索引和搜索能力进行。想要理解搜索系统的实现原理&#xff0c;就需要深入lucene这一层&#xff0c;看看lucene是如何存储需要检…

python 如何获取一个文件夹的创立时间

问题描述&#xff1a; 之前创建的文件夹&#xff0c;忘记了创建时间&#xff0c;如何通过程序获取第一次的创立时间呢&#xff1f; 代码实现&#xff1a; import os import platform from datetime import datetime def get_creation_time(path):if platform.system() Windo…

【C语言】socket编程接收问题

一、recv()函数接收到的返回值为0表示对端已经关闭 在TCP套接字编程中&#xff0c;通过recv()函数接收到的返回值为0通常表示对端已经关闭了套接字的发送部分。这是因为TCP是一个基于连接的协议&#xff0c;其中有定义明确的连接建立和终止流程&#xff1b;当对端调用close()或…

用甘特图有效管理多个项目进度

当公司或组织同时承担多个项目时,合理规划各项目的时间节点与资源分配对确保高效完成至关重要。采用甘特图可以直观地展示多个项目的时间进程、关键里程碑以及资源分配情况,便于从宏观层面全面把控各项目的动态。 在线甘特图软件 zz-plan.com 提供了非常强大的时间轴规划功能,支…

SparkSql---用户自定义函数UDFUDAF

文章目录 1.UDF2.UDAF2.1 UDF函数实现原理2.2需求:计算用户平均年龄2.2.1 使用RDD实现2.2.2 使用UDAF弱类型实现2.2.3 使用UDAF强类型实现 1.UDF 用户可以通过 spark.udf 功能添加自定义函数&#xff0c;实现自定义功能。 如&#xff1a;实现需求在用户name前加上"Name:…