TypeScript 手册指南
TypeScript 声明文件
TypeScript 项目配置
TypeScript编译选项编译选项选项类型默认值描述--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给源码里的装饰器声明加上设计类型元数据。查看了解更多信息。--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'。查看。--libstring[]&编译过程中需要引入的库文件的列表。可能的值为：&?&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声明。查看了解详情。--pretty[1]booleanfalse给错误和消息设置样式，使用颜色和上下文。--project-pstring&编译指定目录下的项目。这个目录应该包含一个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对缺少索引签名的索引对象报错。查看了解详情。--target-tstring&ES5&指定ECMAScript目标版本'ES3' (默认)，'ES5'，或'ES6'[1]--traceResolutionbooleanfalse生成模块解析日志信息--typesstring[]&要包含的类型声明文件名列表。--typeRootsstring[]&要包含的类型声明文件路径列表。--version-v&&打印编译器版本号。--watch-w&&在监视模式下运行编译器。会监视输出文件，在它们改变时重新编译。[1]&这些选项是试验性的。[2]&这些选项只能在tsconfig.json里使用，不能在命令行使用。相关信息在文件里设置编译器选项。在里设置编译器选项。
微信号：w3cschoolcn
意见反馈：
联系方式：TypeScript入门 2--代码调试-爱编程
TypeScript入门 2--代码调试
代码调试（debug）是日常开发中必不可少的手段之一，无法进行代码调试会让我们痛苦不已，本文主要介绍如何调试TypeScript代码
很多刚接触TypeScript的人或许有疑问，我们编写的TypeScript编译成JavaScript，在html中引用的是编译后的JavaScript，这样代码报错的地方就和实际开发ts对应不上，这怎么调试？
我们可以采用Source Map
Source Map是什么
如今前端技术飞速发展，一不留神就落后了。JS变得越来越复杂（压缩，文件合并，其它语言编译成Js），导致实际运行的代码和开发态的代码不一致，调试困难，于是Source Map出现了。
简单地说Source Map就是一个文件，里面是转换代码的代码位置和转换前的代码位置的映射信息，这样当前程序报错时，我们可以找到开发态代码位置。
如何生成Source Map
TypeScript在编译时可以同附带参数生成,命令如下：
tsc --sourcemap Person.ts
执行后，会在同目录下生成名为Person.js.map文件，这就是Source Map文件,内容如下：
"version": 3,
"file": "Person.js",
"sourceRoot": "",
"sources": [
"Person.ts"
"names": [],
"mappings": "AAAA;IAGI,gBAAY,IAAW,EAAE,GAAU;QAC/B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;IACnB,CAAC;IAED,oBAAG,GAAH;QACI,MAAM,CAAI,IAAI,CAAC,IAAI,YAAO,IAAI,CAAC,GAAG,eAAY,CAAC;IACnD,CAAC;IACL,aAAC;AAAD,CAAC,AAXD,IAWC;AAED,IAAI,IAAI,GAAG,IAAI,MAAM,CAAC,MAAM,EAAE,EAAE,CAAC,CAAC;AAElC,QAAQ,CAAC,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC"
该文件是一个json格式，分别记录编译前文件和编译后文件信息，至于文件内容究竟是何含义，我们就不深究了，有兴趣的可以阅读阮一峰老师的文章
Source Map如何使用
目前，暂时只有Chrome浏览器支持这个功能。在Developer Tools的Setting设置中，确认选中"Enable source maps"。
同时需要在编译的js代码加上以后信息(编译时已自动加上了)
//# sourceMappingURL=Person.js.map
注意Person.js.map是一个路径，Source Map文件可以是本地文件，也可以是网络文件
这样可以了像调试js代码一样调试TypesSript了
版权所有 爱编程 (C) Copyright 2012. . All Rights Reserved.
闽ICP备号-3
微信扫一扫关注爱编程，每天为您推送一篇经典技术文章。}