TypeScript--介绍、安装

介绍

TypeScript 是 JavaScript 的一个超集，支持 ECMAScript 6 标准。TypeScript 由微软开发的自由和开源的编程语言。TypeScript 设计目标是开发大型应用，它可以编译成纯 JavaScript，编译出来的 JavaScript 可以运行在任何浏览器上。

TypeScript 是一种给 JavaScript 添加特性的语言扩展。增加的功能包括：

• 类型批注和编译时类型检查
• 类型推断
• 类型擦除
• 接口
• 枚举
• Mixin
• 泛型编程
• 名字空间
• 元组
• Await

JavaScript 与 TypeScript 的区别

TypeScript 是 JavaScript 的超集，扩展了 JavaScript 的语法，因此现有的 JavaScript 代码可与 TypeScript 一起工作无需任何修改，TypeScript 通过类型注解提供编译时的静态类型检查。

TypeScript 可处理已有的 JavaScript 代码，并只对其中的 TypeScript 代码进行编译。

安装

需要先安装 node.js ，安装了 node.js 才会有 npm 命令

npm install -g typescript

查看版本

tsc -v

vscode 自动编译 ts 文件

typescript 脚本文件的后缀为 .ts ，新建一个 index.ts 文件，写入如下代码

var message:string = "Hello World" 
console.log(message)

目前 typescript 不能直接被浏览器解析，需要转为 javascript 文件才能被解析。

执行以下命令将 TypeScript 转换为 JavaScript 代码（和文件在同一级）：

tsc index.ts  // index.ts 为文件名

执行完成之后会生成一个 index.js 的文件，代码如下

var message = "Hello World";
console.log(message);

使用 node 命令来执行 index.js 文件：

$ node index.js 
Hello World

上面当我们每改一次 ts 文件，都要手动重新编译，太麻烦了，我们可以配置 vscode ，让它自动编译

首先在vsCode中将打开终端切换终端到需要的目录下

执行 tsc --init 生成一个​​tsconfig.json​​文件

将 ​​tsconfig.json ​​​文件中的 ​​outDir ​​注释打开，路径改成自己的

新建一个 ts 文件，当前还没有自动更新。打开 vscode 选择，终端 -》运行任务

选择 typeScript

选择监视当前目录下的

 ​​ctrl+s​​​后就会自动更新 ​​js ​​​目录下的 ​​js ​​文件