安装和设置

背景

TypeScript 是 JavaScript 的类型超集，可直接编译为 JavaScript 代码。TypeScript 文件通常使用 .ts 扩展名。许多 IDE 支持 TypeScript 而无需任何其他设置，但 TypeScript 也可以使用命令行中的 TypeScript Node.JS 包进行编译。

集成开发环境

视觉工作室

• Visual Studio 2015 包括 TypeScript。
• Visual Studio 2013 Update 2 或更高版本包括 TypeScript，或者你可以为早期版本下载 TypeScript 。

Visual Studio 代码

• Visual Studio Code （vscode）为 TypeScript 提供上下文自动完成以及重构和调试工具。vscode 本身是在 TypeScript 中实现的。适用于 Mac OS X，Windows 和 Linux。

WebStorm

• WebStorm 2016.2 附带 TypeScript 和内置编译器。 [Webstorm 不是免费的]

IntelliJ IDEA

• IntelliJ IDEA 2016.2 通过 Jetbrains 团队维护的插件支持 Typescript 和编译器。 [IntelliJ 不是免费的]

原子和原子 TypeScript

• Atom 支持带有 atom- typescript 包的 TypeScript。

崇高文本

• Sublime Text 支持 TypeScript 与TypeScript包。

安装命令行界面

安装 Node.js.

全局安装 npm 包

你可以全局安装 TypeScript 以从任何目录访问它。

npm install -g typescript

要么

在本地安装 npm 包

你可以在本地安装 TypeScript 并保存到 package.json 以限制到目录。

npm install typescript --save-dev

安装渠道

你可以从以下位置安装

• 稳定的频道：npm install typescript
• Beta 频道：npm install typescript@beta
• 开发频道：npm install typescript@next

编译 TypeScript 代码

tsc 编译命令附带 typescript，可用于编译代码。

tsc my-code.ts

这会创建一个 my-code.js 文件。

使用 tsconfig.json 进行编译 ****

你还可以通过 tsconfig.json 文件提供随代码一起提供的编译选项。要启动一个新的 TypeScript 项目，请将 cd 放入终端窗口中项目的根目录并运行 tsc --init。此命令将生成具有最少配置选项的 tsconfig.json 文件，类似于下面的内容。

{
    "compilerOptions": {
        "module": "commonjs",
        "target": "es5",
        "noImplicitAny": false,
        "sourceMap": false,
        "pretty": true
    },
    "exclude": [
        "node_modules"
    ]
}

将 tsconfig.json 文件放在 TypeScript 项目的根目录下，可以使用 tsc 命令运行编译。