介绍
简单的说就是 高级点的js,高级在哪呢?仁者见仁吧,我的感觉就是
对使用高级语言的人更友好,更有利于项目的理解和维护。
让代码问题尽量出现在书写(也就是编译前)阶段。
安装
毕竟是一个新的语言,这里你可以获得它的更多相关介绍,如果你的英文不太好,你也可以到这里。
以下是它的安装 和 可用的开发工具(你可以根据自己的习惯选择合适的开发工具)。
tips:如果你不想安装,但是你有网络,你也可以通过这里去简单的练习。
TSC命令介绍
实际的运行还是基于js环境,安装好ts后通过tsc命令就可以将ts编译成js了。
常用参数介绍
以下是比较常用的tsc 命令参数,当然也可以通过 --help 或者 -h 进行查看
# 生成tsconfig.json
--init
# 查看ts版本
--version 或者 -v
# 实时编译
--watch 或者 -w
tsconfig.json 配置项介绍
它的本质就是TS转JS 的配置,那么他就分成2类,转之前和转之后。
转之前就是 选择哪些文件,进行怎样的的 ts的语法和类型等规则的检查等;
转之后就是 输出到哪里,生成什么样的js文件(比如js支持程度,有无生命文件及map文件等。
-
compilerOptions 内常用配置项
-
target 编以后的目标js适用版本 要和module 以及其它 配置文件或组件模块结合使用,比如.browserslistrc、core-js等。
-
module 生成哪种js模块的规范,主要针对导入导出模块使用。
-
resolveJsonModule 是否允许直接导入json文件
-
outdir 输出目录。
-
removeComments 编译后的js文件是否去除注释。
-
paths 引用路径别名,形如:
// "baseUrl": ".", 相对路径的设定 "path": { "@/*": [ "src/*" ] }
tips: 使用相对路径(如src/*)的前提是需要先进行 baseUrl设定。
-
types 指定编译时引用的模块的声明文件,路径一般从node_modules/@types中开始查找
"types": [ "webpack-env", "mocha", "chai" ],
-
lib 使用除了类似Math等在JS APIs里的已有的类以外的其它类,详见这里。
-
strict 是否为严格模式,一般都是true,不然也没必要用ts。
-
sourceMap 文件压缩后调试时使用。
-
noEmitOnError 当有错误时不生成编译后的文件
-
declaration 是否生成声明(d.ts)文件
-
-
配置项(不在compilerOptions中)
- files 编译包含文件
- include 编译包含路径,特别说明**表示文件夹,*表示目录,比如./**/* t sconfig.js 平级目录下的所有文件夹下的所有ts后缀文件。
- exclude 不包含目录