ts变量类型和编译文件tsconfig.json简单配置

基础：

1、typescript是JavaScript的超集，支持js的所有语法

2、typescript不能运行在浏览器，需要使用编译器编译后使用

3、全局安装typescript编译器

npm install -g typescript

4、编译typescript文件（01ts.ts）

tsc 01ts.ts

　　编译过程中不报错即成功，同级目录下会有一个 01ts.js文件

 

变量类型：

1、ts文件中可以在定义变量时指定该变量的类型，后面在给该变量赋值时只能是定义好的类型，否则会报错，编译会报错，但是默认会编译成功

2、如果变量的声明和赋值是同时进行的，那么可以省略对变量类型的定义，ts默认会将初始值的类型定义给该变量

3、定义函数的参数和返回值的类型

4、类型

类型	例子	描述
number	1，-33,2.5	任意数字
string	'hi'，"hi"，`hi`	任意字符串
boolean	true、false	布尔值
字面量	其本身	类似const定义，但是通过 | 可以定义多个字面量
any	*	任意类型（关闭ts类型检测，和js一样了）
unknown	*	类型安全的any（类型为unknown的变量不可以赋值给其他类型的变量，当遇到类型不确定时用unknown，不要用any）
void	空值（undefined）	没有值（函数中return后只能是undefined、null，或者return后没有任何值）
never	没有值	用于不会返回结果。比较少用，一般用来抛出错误：   const fn: never = (() => {     throw new Error('错误')   })()
object	{name: '小明'}	任意js对象
array	[1,2,3]	任意js数组
tuple	[4,5]	元组，ts新增类型，元素的类型和个数定义时就限定了
enum	enum{A,B}	枚举，ts新增类型

 

编译：

1、  tsc app.ts　　编译app.ts

　　tsc app.ts -w　　实时编译app.ts

　　在文件夹根目录下创建tsconfig.json文件内容为{}时，

　　tsc　　编译文件夹中所有的ts文件

　　tsc -w　　实时编译文件夹中所有的ts文件

2、tsconfig.json（创建方式：tsc --init或手动创建）

　　①includes、exclude、extends、files

　　②compilerOptions：target、module、lib、outDir、outFile、allowJs、checkJs、removeComments、noEmit、noEmitOnError

　　③compilerOptions：strict、alwaysStrict、noImplicitAny、noImplicitThis、strictNullChecks