环境搭建

由于浏览器不能直接运行TS代码, 需要编译为JS再交给浏览器解析器执行

安装 TS

bash

# 全局安装 TypeScript
npm i typescript -g

使用命令行工具将.ts文件编译为.js文件, 每次更改.ts文件都需要重新编译

const person = {
  name: '张三',
  age: 18
}
console.log(`我叫${person.name}, 我${person.age}岁了`)

bash

# 命令行编译
tsc index.ts

工程中会生成一个tsconfig.json配置文件, 其中包含很多编译时的配置项观察发现, 默认编译的JS版本是ES7, 也可以调整为其他版本

bash

tsc --init

bash

tsc --watch

也可以修改tsconfig.json中的noEmitOnError配置

bash

tsc --noEmitOnError --watch