【TS 系列 】一

介绍

简单的说就是 高级点的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文件等。

1. 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）文件

2. 配置项（不在compilerOptions中）

   • files 编译包含文件
   • include 编译包含路径，特别说明**表示文件夹，*表示目录，比如./**/* t sconfig.js 平级目录下的所有文件夹下的所有ts后缀文件。
   • exclude 不包含目录