【学习笔记】TypeScript编译选项

TS 中的编译选项

我们写了一个TS的文件,我们需要使用如下的命令将我们的TS文件转换为JS文件。

tsc  xxx.ts  

这样会产生一个对应的js文件

  • 自动编译文件

    • 编译文件时,使用 -W 指令后,TS编译器会自动监视文件的变化,并在文件发生变化时对文件进行重新编译。

    • 示例:

    •    tsc  xxx.ts -W 
      
    • W 表示的watch,当我们TS文件发生变化时,我们的JS也会发生对应的变化

  • 自动编译整个项目

    • 在项目中增加一个配置文件,tsconfig.json 文件,我们可以通过这个配置文件,统一监视整个项目的TS的文件,在统一编译成JS的文件

如果你使用的编译器是webStrom可以自动把TS文件编译成JS文件
【学习笔记】TypeScript编译选项_第1张图片

在我们的终端输入下面的tsc命令的话,就能自动监控我们程序里面的TS文件,生成JS文件

【学习笔记】TypeScript编译选项_第2张图片

- tsconfig.json 是一个JSON文件,添加配置文件之后,只需要执行tsc命令即可完成对整个项目的编译
- 配置选项
	- include 
		- 定义希望被编译文件所在的目录

【学习笔记】TypeScript编译选项_第3张图片

在这里,我们可以看到默认值是[**/*]

** 表示的是任意的目录,* 表示的是任意的文件

看下面的这个例子:
【学习笔记】TypeScript编译选项_第4张图片
表示我们只去编译在./src/**/* 这个目录下面的所有TS文件

【学习笔记】TypeScript编译选项_第5张图片

  • CompilerOptions 编译器选项
    • target 用来指示我们的ES选项

在这里插入图片描述
输入一个错误的值之后,系统会提示你合适的可选项

- module 指定的是要使用的模块化的规范

在这里插入图片描述

- lib 可以用来指定要使用的库

【学习笔记】TypeScript编译选项_第6张图片

- outDir 指定的是编译后文件所在的目录,一般是根目录下的./dist 目录下
-  outFile : 将编译之后的文件文件放在一个文件。设置这个参数之后,所有的全局作用域中的变量全部合并在一个文件中

【学习笔记】TypeScript编译选项_第7张图片
【学习笔记】TypeScript编译选项_第8张图片

语法相关检查参数

//所有严格检查的总开关
”strict”: true
//用来设置编译后的文件是否使用严格模式,默认为false
“alwaysStrict”: true

//不允许使用隐式的Any类型,默认false
"noImplicityAny": true

//不允许使用隐式的Any类型, 默认false
"noImplicityThis": true




写在后面的话

无意中发现了一个巨牛的人工智能教程,忍不住分享一下给大家。教程不仅是零基础,通俗易懂,而且非常风趣幽默,像看小说一样!觉得太牛了,所以分享给大家。点这里可以跳转到教程 https://www.cbedai.net/chichoxian


写在后面的话

无意中发现了一个巨牛的人工智能教程,忍不住分享一下给大家。教程不仅是零基础,通俗易懂,而且非常风趣幽默,像看小说一样!觉得太牛了,所以分享给大家。点这里可以跳转到教程 https://www.cbedai.net/chichoxian


References

https://www.bilibili.com/video/BV1Xy4y1v7S2?p=6&vd_source=57623809cb42c86b58d359b44bfd8dcf

你可能感兴趣的:(【TypeScript】,学习,笔记,typescript)