Node.js 和 浏览器只识别 JS 代码，不认识 TS 无法由浏览器直接运行

1. 安装 Node 以及 npm

2. 全局安装 TS

npm install -g typescript

3. 校验 TS

typescript 提供了 tsc 命令，用以实现 TS->JS 的转化
tsc -v

tsc 负责将 ts 代码转为浏览器和 nodejs 能够识别的 js 代码

image.png

4. 简化执行 TS 的步骤

每次修改代码后都要重新执行以下两个命令，很繁琐

  1. tsc xxx.ts
  2. node xxx.js

简化方式：

  • 通过 npm i -g ts-node 安装 ts-node 包

ts-node 内部将 TS -> JS ，然后执行 JS 代码

  1. ts-node xxx.ts

5. 自动编译

省去程序员敲击命令编译文件，由工具来自动完成

第一步：运行 tsc --init ，创建 tsconfig.json 文件
第二步：修改 tsconfig.json 文件，设置 js 文件夹： "outDir": "./js/"
第三部：设置 VSCode 监视任务