编译 TypeScript

注意

浏览器目前不能直接运行 TypeScript 代码，需要编译为 JavaScript 再交由浏览器解析器执行。

命令行编译

要把.ts 文件编译为.js 文件，需要配置 TypeScript 的编译环境，步骤如下：

• 第一步：创建一个 demo.ts 文件，例如：

const person = {
  name: "李四",
  age: 18,
};
console.log(`我叫${person.name}，我今年${person.age}岁了`);

• 第二步：全局安装 TypeScript

npm i typescript -g

• 第三步：使用命令编译.ts 文件

tsc demo.ts

自动化编译

• 第一步：创建 TypeScript 编译控制文件

tsc --init

备注

1. 工程中会生成一个 tsconfig.json 配置文件，其中包含着很多编译时的配置。
2. 观察发现，默认编译的 JS 版本是 ES7，我们可以手动调整为其他版本。

• 第二步：监视目录中的.ts 文件变化

tsc --watch 或 tsc -w

• 第三步：小优化，当编译出错时不生成.js 文件

tsc --noEmitOnError --watch

备注

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