TypeScript自学课(5)-使用TSC编译TS

在上一章中，我们介绍了TSC工作，但是并没有完整的走完一个使用流程，本文，我们通过一个add函数来学习编写TS代码的流程。

初始化并配置

在编码之前，是需要配置好TSC的配置文件tsconfig.json,

执行tsc --init 初始化项目,自动生成tsconfig.json文件，并默认配置项。

对于一个前端项目，肯定是分文件夹的。例如：我们的代码可能是放在src下面，如果有使用npm拉取使用第三方包，会生成node_modules文件夹。src我们是需要编译的，但是node_modules是不需要编译的，我们就需要将node_modules排除掉，就像是webpack打包也会配置排除node_modules

TSC提供了include和exclude来配置编译和忽略文件。

{
  "compilerOptions": {
    "target": "es2016",
    "module": "commonjs",
    "esModuleInterop": true,
    "strict": true,
    "skipLibCheck": true
  },
  "include": [
    "src/**/*"
  ],
  "exclude": [
    "node_modules",
  ]
} 

启动监听࿰