下载

命令行的TypeScript编译器可以使用Node.js包来安装。
安装
npm install -g typescript
编译
tsc helloworld.ts
编码好的ts文件运行
tsc greeter.ts
即可生成对应的js文件

VS Code 配置与插件

1.typescript importer

下载链接
这一插件会收集你项目内所有的类型定义，在你敲出:时提供这些类型来进行补全。如果你选择了一个，它还会自动帮你把这个类型导入进来。
这一功能在日常开发中真得非常非常好用，尤其是当项目里有数百个声明分散在各个文件中时。
image.png

2.Move Ts

下载链接
这一插件在重构以及像我们这样写 demo 的场景下很有帮助。它可以让你通过编辑文件的路径，直接修改项目的目录结构。比如从home/project/learn-interface.ts 修改成 home/project/interface-notes/interface-extend.ts，这个插件会自动帮你把文件目录更改到对应的样子，并且更新其他文件中对这一文件的导入语句。
image.png

Playground

如果你只是想拥有一个简单的环境，能写 TypeScript，能检查错误，能快速地调整 tsconfig，那么可以使用官方提供的 Playground。这个完全可以满足基础练习了。
image.png

TS 文件的快速执行：ts-node 与 ts-node-dev

ts-node可以快速的执行ts文件，并且验证代码逻辑
安装$ npm i ts-node typescript -g
然后，在项目中执行以下命令创建 TypeScript 的项目配置文件： tsconfig.json。

  1. npx --package typescript tsc --init
  2. // 如果全局安装了 TypeScript，可以这么做
  3. tsc --init

接着，创建一个 TS 文件：

  1. console.log("Hello TypeScript");

再使用 ts-node 执行：

  1. ts-node index.ts

命令行里面会输出
image.png

ts-node 本身并不支持自动地监听文件变更然后重新执行，而这一能力又是某些项目场景下的刚需，如 NodeJs API 的开发。因此，我们需要 ts-node-dev 库来实现这一能力。ts-node-dev 基于 node-dev（你可以理解一个类似 nodemon 的库，提供监听文件重新执行的能力） 与 ts-node 实现，并在重启文件进程时共享同一个 TS 编译进程，避免了每次重启时需要重新实例化编译进程等操作。

全局安装：npm i ts-node-dev -g
运行命令就可以直接监听文件的变化：ts-node-dev —respawn —transpile-only app.ts
respawn 选项启用了监听重启的能力，而 transpileOnly 提供了更快的编译速度。