【2】TypeScript入门——搭建 TypeScript 学习开发环境

二、搭建 TypeScript 学习开发环境

1. 编译器

● VS Code 让我们获得一种较为理想的开发体验，不必等到转译阶段，在编码时就能快速检测、抛出类型错误，极大地提升了 TypeScript 开发体验和效率
● VSCode优点
a. 在传统语法高亮、自动补全功能的基础上拓展了基于变量类型、函数定义，以及引入模块的智能补全；
b. 支持在编辑器上直接运行和调试应用；
c. 内置了 Git Comands，能大幅提升使用 Git 及其他 SCM 管理工具的协同开发效率；
d. 基于 Electron 开发，具备超强的扩展性和定制性。

2. 注意

VS Code 中内置了特定版本的 TypeScript 语言服务，所以它天然支持 TypeScript 语法解析和类型检测，且这个内置的服务与手动安装的 TypeScript 完全隔离。
因此，VS Code 支持在内置和手动安装版本之间动态切换语言服务，从而实现对不同版本的 TypeScript 的支持。
VS Code 默认使用自身内置的 TypeScript 语言服务版本，而在应用构建过程中，构建工具使用的却是应用路径下 node_modules/typescript 里的 TypeScript 版本。如果两个版本之间存在不兼容的特性，就会造成开发阶段和构建阶段静态类型检测结论不一致的情况，因此，我们务必将 VS Code 语言服务配置成使用当前工作区的 TypeScript 版本。

3. 安装TypeScript

方法一：npm全局安装typescript

接下来，继续了解如何基于 VS Code 完善 TypeScript 开发、转译环境。因为 VS Code 只集成了 TypeScript 语言服务，不包含转译器，所以我们还需要单独安装 TypeScript。推荐通过命令行工具使用 npm 全局安装 TypeScript。

1. 打开 VS Code 内置命令行工具，然后输入
npm i -g typescript
2