TypeScript 环境搭建 | 青训营

60 阅读2分钟

TypeScript 是什么

TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。

TypeScript 的 Type 本身也是一套完备的编程语言,甚至可以说是完备的图灵语言。因此类型本身也是可以用来编程的,你完全可以用它来编写一些有趣的东西,更别说是搞定日常开发中遇到的简单的业务场景了。

获取 TypeScript

命令行的 TypeScript 编译器可以使用 Node.js 包来安装。

1. 安装 TypeScript

$ npm install -g typescript

2. 编译 TypeScript 文件

安装完成后我们就可以使用 TypeScript 编译器,名称叫 tsc,可将编译结果生成 js 文件。

要编译 TypeScript 文件,可使用如下命令:

tsc filename.ts

一旦编译成功,就会在相同目录下生成一个同名 js 文件,你也可以通过命令参数来修改默认的输出名称。

默认情况下编译器以ECMAScript 3(ES3)为目标但ES5也是受支持的一个选项。TypeScript增加了对为即将到来的ECMAScript 6标准所建议的特性的支持。

VS Code 配置与插件

VS Code 本身就是由 TypeScript 编写的,因此它对 TypeScript 有着非常全面的支持,包括类型检查、补全等功能,我们需要的两个 TS 插件都来自于社区,这两个插件分别提供了类型的自动导入,和快速移动 TypeScript 文件的能力。

TypeScript Importer

这一插件会收集你项目内所有的类型定义,在你敲出:时提供这些类型来进行补全。

链接:marketplace.visualstudio.com/items?itemN…

Move TS

这一插件在重构以及像我们这样写 demo 的场景下很有帮助。它可以让你通过编辑文件的路径,直接修改项目的目录结构。

链接:marketplace.visualstudio.com/items?itemN…