TS的编译选项

• 一.基础配置选项
• • 1.1 tsc [xxx.ts] -w的使用
  • 1.2 引入tsconfig.json文件
  • 1.3 基础配置选项
  • • 1.3.1.compilerOptions编译器选项
• 笔记说明

一.基础配置选项

1.1 tsc [xxx.ts] -w的使用

• 编写完TS代码之后,需要执行tsc xxx.ts将TS代码编译转换为JS才能正确执行。这样每次修改每次都进行手动编译不是很方便，可以使用tsc xxx.ts -w来监听文件是否有变化，一旦检测文件发生变化，就会实时的将TS转换成JS。

1.2 引入tsconfig.json文件

• 1.1中的方法在只有一个TS文件的时候还比较方便,但是文件一多起来,想要实时生成所有的JS文件也会变得麻烦,这个时候就可以通过tsconfig.json文件来配置TS的编译信息
• 可以在对应项目目录下直接新建文件,或者通过命令行tsc --init来创建该文件信息
• 有了tsconfig.json之后,通过tsc就能编译项目下所有的TS文件,通过tsc -w就能监视所有的TS文件并编译

1.3 基础配置选项

• 引入tsconfig.json之后,虽然可以“一键”编译,但是有时我们只希望编译其中一部分的ts代码,这时,就需要我们对tsconfig.json文件进行一定的配置,以满足我们对编译项目的要求
• include:指定需要编译的文件或目录,*表示任意文件,**表示任意目录
• exclude:指定不需要编译的文件或目录
• extents:可以复用之前已有的json文件,减少重复配置
• file:用于指定单个的文件,范围较小不常用

{/*tsconfig.json是ts编译器的配置文件,ts编译器可以根据它的信息来对代码进行编译*///inclode用来指定哪些ts文件需要被编译  可*表示任意文件  可**表示任意目录"include": ["./src/**/*"  //表示当前的src目录下的任意目录的任意文件都被编译],//配置不希望被编译的文件,一般不用进行配置//有默认值:["node_modules", "bower_components", "jspm_packages"]"exclude": ["./src/test_file/**/*"],//定义需要继承的配置文件,避免重复配置//"extends": "",//直接指定需要编译的文件,不常用,项目比较小的时候适用"files": ["./src/test_file/test_case.ts"]
}

1.3.1.compilerOptions编译器选项

• target：用来指定编译TS文件时使用的ES版本，默认为兼容性较好的ES3
• module：指定编译时需要使用的模块化规范
• lib：用来指定编译时需要使用的库文件，一般不用动
• outDir：用于指定编译结束后的文件输出位置
• outFile：将不同代码合并为一个文件(对上述module取值有要求)
• allowJs:是否对JS文件进行编译，默认false
• checkJs：是否检查JS文件是否符合语法规范
• removeComments：是否移除注释
• noEmit：不生成编译后的文件
• noEmitOnError：当有语法错误时不生成编译后的文件
• alwaysStrict：编译后的文件是否启用严格模式
• noImplicitAny：是否禁止显示的Any类型
• noImplicitThis：是否允许类型不明的This
• strictNullChecks：严格检查语法中可能出现的null的值
• strict：所有严格模式的总开关，建议打开

  "compilerOptions": {// 用来指定TS文件编译时的ES版本，默认为ES3// 可取值：es3', 'es5', 'es6', 'es2015', 'es2016', 'es2017', 'es2018', 'es2019', 'es2020', 'es2021', 'es2022', 'esnext"target": "ES5",// 指定需要使用的模块化的规范// 可取值：'none', 'commonjs', 'amd', 'system', 'umd', 'es6', 'es2015', 'es2020', 'es2022', 'esnext', 'node16', 'nodenext'"module": "System",// 用来指定项目中需要使用到的库文件, 随便赋值后可以查看具体值,一般情况下不需要动//"lib": []// 用于指定编译结束后的文件输出的位置"outDir": "./dist",// 用来将不同代码合并为一个文件,将编译输出的js文件合成一个文件// 这个选项是对module文件有一定要求的"outFile": "./dist/outJS.js",// 是否对js文件进行编译,默认false"allowJs": false,// 是否检查js代码是否符合语法规范"checkJs": false,// 是否移除注释,默认false"removeComments": false,// 不生成编译后的文件,默认false"noEmit": false,// 当有错误时不生成编译后的文件"noEmitOnError": false,// 用来设置编译后的文件是否使用严格模式"alwaysStrict": false,// 是否禁止隐式的any类型"noImplicitAny": false,// 不允许类型不明确的this"noImplicitThis": false,// 严格的检查null的值,让编译器检测出有可能是null的值"strictNullChecks": false,// 所有严格检查的总开关,打开的话所有的严格检查都会打开"strict": false}

笔记说明

笔记markdown文件+项目源码
B站对应视频