01 TypeScript安装、开发工具

TypeScript介绍

TypeScript 是一种由微软开发的自由和开源的编程语言，它是JavaScript的一个超集，扩展了JavaScript的语法。

TypeScript可以编译出纯净、 简洁的JavaScript代码，并且可以运行在任何浏览器上、Node.js环境中和任何支持ECMAScript 3（或更高版本）的JavaScript引擎中。

目前TypeScript 已在Nodejs 、Angualr、React、Vue这些框架中广泛应用。

TypeScript是为大型应用之开发而设计，作为一个前端工程师，TypeScript目前是必备技能

TypeScript 安装 编译 开发工具

在使用npm命令之前电脑必须安装nodejs

安装

npm install -g typescript
#或者
cnpm install -g typescript
#或者
yarn golobal add typescript

运行

tsc helloworld.ts

开发工具推荐使用vscode

TypeScript开发工具vscode自动编译.ts文件

1.创建tsconfig.json文件

在项目目录执行命令tsc --init 生成配置文件

tsc --init

打开tsconfig.json,修改输出目录

"outDir": "./out",  // 输出目录设置

在vscode点击终端菜单=>运行任务=>tsc:监视 -tsconfig.json，然后当你编辑了ts文件保存后，会自动编译成相应的js放在输出目录。