环境搭建
TypeScript编写的程序并不能直接通过浏览器运行，我们需要先通过TypeScript编译器把TypeScript代码编译成JavaScript代码
TypeScript的编译器是基于Node.js的，所以我们需要先安装Node.js安装Node.js
https://nodejs.org
安装完成以后，可以通过终端或者cmd等命令行工具来调用node
查看当前node版本
node -v
安装TypeScript编译器
通过NPM包管理工具安装TypeScript编译器
npm i -g typescript
安装完成以后，我们可以通过命令tsc来调用编译器
查看当前tsc编译器版本
tsc -v
编写代码
代码编辑器 - vscode
vsCode和TypeScript都是微软的产品，vsCode本身就是基于TypeScript进行开发的，vsCode对TypeScript有着天然友好的支持
https://code.visualstudio.com/
TypeScript文件
默认情况下，TypeScript的文件的后缀为.ts
TypeScript代码
编译执行
使用我们安装的TypeScript编译器tsc对.ts文件进行编译
默认情况下会在当前文件所在目录下生成同名的js文件
一些有用的编译选项
编译命令tsc还支持许多编译选项，这里我先来了解几个比较常用的
--outDir
指定编译文件输出目录
--target
指定编译的代码版本目标，默认为ES3
--watch
在监听模式下运行，当文件发生改变的时候自动编译
通过上面几个例子，我们基本可以了解tsc的使用了，但是大家应该也发现了，如果每次编译都输入这么一大堆的选项其实是很繁琐的，
好在TypeScript编译为我们提供了一个更加强大且方便的方式，编译配置文件：tsconfig.json，我们可以把上面的编译选项保存到这个
配置文件中
编译配置文件
我们可以把编译的一些选项保存在一个指定的json文件中，默认情况下tsc命令运行的时候会自动去加载运行命令所在的目录下的
tsconfig.json文件，配置文件格式如下 配置文件：outDir、target、watch、include、project
有了单独的配置文件，我们就可以直接运行
tsc
指定加载的配置文件
使用--project或-p指定配置文件目录，会默认加载该目录下的tsconfig.json文件
也可以指定某个具体的配置文件
网友评论