TypeScript安装与编译

1. 什么是TypeScript?

• TypeScript是微软开发的一款开源的编程语言
• TypeScript是JavaScript的超集,遵循最新的ES6和ES5规范。TypeScript扩展了JavaScript的语法
• TypeScript更新后更像Java、C#这样的面向对象语言,可以让JavaScript开发大型企业项目
• 现如今的流行框架都可以继承TypeScript

2. TypeScript的安装及编译

2.1 安装

# 1. 全局安装
npm install -g typescript
# 2. 在当前项目下安装
npm i typescript --dev # or yarn add typescript --dev

2.2 编译

安装TypeScript后通过内置的命令tsc就能将ts文件编译为对应的js文件

tsc helloworld.ts
# 通过 yarn 安装需要 yarn tsc helloworld.ts

上面的方法太麻烦,可以在编译器(这里只说在vscode中的配置)中自动监视

• 在项目目录中运行tsc --init生成tsconfig.json
• 可以修改tsconfig.json中的outDir选项为"outDir": "dist/js",以后所有的js代码都会在这个文件夹中编译
• 然后在vscode中打开命令面板(Ctrl+Shift+P)选择输入task，选择Run Task，监听tsconfig.json，就可以vscode中实时监控TypeScript编译