【TypeScript篇】TypeScript命令行编译和自动化编译
目录
1. 命令行编译
步骤一：创建一个demo.ts文件
步骤二：全局安装TypeScript
步骤三：使用命令编译.ts文件
2. 自动化编译
步骤一：生成编译控制文件
步骤二：开启监视
3. 自动化编译的一些其它问题
1. 命令行编译
要把.ts文件编译为.js文件，需要配置TypeScript的编译环境，例子步骤如下：
步骤一：创建一个demo.ts文件
const person ={
name:'张三',
age:20
}
console.log(`我叫${person.name},我的年龄为${person.age}岁`)步骤二：全局安装TypeScript
npm i typescript -g步骤三：使用命令编译.ts文件
tsc demo.ts2. 自动化编译
当我们每次修改ts文件时，它对应编译的js文件并不会实时更新，所以我们每次修改ts文件后需要手动使用“tsc 你的文件名.ts”命令进行编译。这样太过麻烦了，以至于产生了自动化编译。
步骤一：生成编译控制文件
使用命令“tsc --init”后，会在我们的目录下边生成一个tsconfig.json配置文件，在这个配置文件中我们规定ts如何转成js。例如：开不开起严格模式、遇到错误应该做什么处理。
tsc --init生成配置界面：
步骤二：开启监视
监视分为俩种：
第一种：可以监视当前目录下所有ts文件
第二种：监视某一个ts文件
当监视开启后，对应的ts文件一旦发生变化，则会自动编译生成对应的js文件。
监视当前目录下所有的ts文件：
tsc --watch监视当前目录下某一个文件(这里我的监视文件为demo.ts)：
tsc --watch demo.ts我的开启界面：
3. 自动化编译的一些其它问题
当你开启监视后，无论你的ts文件是否对错，它都会自动给你生成js文件。那么我想让ts文件出错时不生成对应的js文件怎么办呢？这时需要我们在生成的编译控制文件中将“noEmitOnError”解开注释。
noEmitOnError：当发生错误时，不对文件进行编译。
