开始typescript

什么是typescript

typescript是JavaScript的超集，它支持JavaScript的所有语法，并拥有一个强大的类型系统，以及ECMAScript的最新语法支持。但typescript本身并不能被浏览器执行，它最终还是需要通过编译转化成JavaScript代码

快速上手

安装typescript

可以安装到全局或者项目中，但是考虑到项目依赖，建议安装到项目中

cd <当前项目路径>
yarn add typescript

tsc文件

在node_modules/_bin目录下有一个tsc文件，这个文件就是负责将ts文件转化成js文件

新建ts文件

新建一个.ts文件，并编写ts代码（ts完全支持js的语法）

编译ts文件

由于ts文件并不能被浏览器执行，所以最终ts文件还是需要编译成js文件，而编译的逻辑就是tsc文件

// yarn tsc 会帮我们找到tsc文件的地址，编译对应的ts文件生成同名的js文件，并放置到相同的目录下
yarn tsc <ts文件path>

类型系统

typescript有一套强大的类型系统，他的使用方式类似flow
使用

let name: string = 'typescript'

function hello (name: string): void {
	console.log(name)
}

hello(name)

tsconfig.json配置文件

自动生成配置文件
我们可以通过typescript的命令去生成一个初始化的配置文件

yarn tsc --init

常用的配置选项

• target：编译后的ECMAScript标准，es5、es2015等
• module：输出代码的模块化格式，commonjs、amd等
• outDir：编译结果的输出目录
• rootDir：源代码的所在目录
• sourceMap：源代码映射
• strict：严格模式，开启所有严格检查选项

{
  "compilerOptions": {
  	"target": "es5",
  	"module": "commonjs",
 	"outDir": "./dist",
	"rootDir": "./src",
	"strict": true,
	"esModuleInterop": true,
	"skipLibCheck": true,
	"forceConsistentCasingInFileNames": true
   }
}

使用

通过yarn tsc我们可以通过tsconfig内的配置来编译项目中的ts文件


注：本内容仅用于学习总结，如有疑问欢迎交流