二、搭建 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