TypeScript使用介绍

一、TypeScript使用介绍

1、入门介绍：https://www.typescriptlang.org/docs/handbook/typescript-from-scratch.html

2、类型使用：https://www.typescriptlang.org/docs/handbook/typescript-in-5-minutes.html

3、工具使用：https://www.typescriptlang.org/docs/handbook/typescript-tooling-in-5-minutes.html

4、离线工具：https://www.typescriptlang.org/download

5、在线工具：https://www.typescriptlang.org/play

6、使用教程：https://www.runoob.com/typescript/ts-tutorial.html

基础介绍：

1、typescript是javascript运行时+静态类型检查器；

2、typescript是javascript的超集，语法和类型都是超集；

3、typescript编译之后是javascript，使用javascript运行时；

4、检查形状：检查对象时，只关注值的形状，有时候也叫做鸭子类型；

5、检查形状：检查对象无需类型定义，检查对象的字段可以多于形状的字段；

6、检查类型失败：仅输出告警，编译也会生成javascript文件；

7、安装编译器：npm install -g typescript

8、编译文件：tsc greeter.ts

项目配置：

1、tsc命令选项：https://www.typescriptlang.org/docs/handbook/compiler-options.html

2、tsconfig入门帮助：https://www.typescriptlang.org/docs/handbook/tsconfig-json.html

3、tsconfig配置帮助：https://www.typescriptlang.org/tsconfig

4、tsconfig用于指定编译选项和编译文件，一般放在项目的根目录；

5、tsc不指定输入文件，从当前目录往父目录方向查找，直到找到一个配置文件；

6、tsc指定配置文件的目录或配置文件，选项是--project <path|file>或-p <path|file>；

7、基础配置用于简化运行时配置，可用基础配置：https://github.com/tsconfig/bases

tsconfig编译选项：

1、target，指定生成的javascript语法版本，比如es2020；
2、module，指定模块引入方式，commonjs用于nodejs；

3、outDir，设置输出目录，用于放置编译后的代码文件；
4、rootDir，设置输出目录结构，否则使用文件最长路径；

5、strict，严格模式总开关，启用所有严格类型检查选项；

6、esModuleInterop，设置之后模块引入方式兼容性更好；

7、skipLibCheck，跳过类型申明文件.d.ts检查，推荐设置；

8、resolveJsonModule，允许直接导入json文件，方便使用；

package.json引入开发工具：

1、@types/node，nodejs内置的类型定义，便于IDE调试和编译检查；

2、ts-node，直接执行typescript文件，不会产生额外的javascript文件；