TypeScript介绍

TypeScript是一个编译到纯JS的有类型定义的JS超集。

TypeScript是一种由微软开发的自由和开源的编程语言。它是javascript的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。

TypeScript扩展了JavaScript的语法,所以任何现有的JavaScript程序可以不加改变的在TypeScript下工作。TypeScript是为大型应用之开发而设计,而编译时它产生JavaScript 以确保兼容性。[5] TypeScript 支持为已存在的 JavaScript 库添加类型信息的头文件,扩展了它对于流行的库如 jQuery,MongoDB,Node.js 和 D3.js 的好处。

TS遵循当前以及未来出现的ECMAScript规范。TS不仅能兼容现有的JavaScript 代码,它也拥有兼容未来版本的JavaScript的能力。大多数TS的新增特性 都是基于未来的JavaScript提案,这意味着许多TS代码在将来很有可能会变成ECMA的标准.

获取TypeScript

命令行的TypeScript编译器可以使用Node.js包来安装。

1
2
3
4
5
6
7
8
9
10
安装npm install -g typescript

新建文件helloworld.ts
var message:string = "Hello World"
console.log(message)

编译
$tsc helloworld.ts
$ node test.js
Hello World

TypeScript在node项目中的实践

ts-node 环境变量

全局安装 typescript:npm install -g typescript  
  
全局安装 ts-node:npm install -g ts-node

安装它的原因是typescript自带的tsc命令并不能直接运行typescript代码。但值得注意的是 ts-node 并不等于 typescript 的 Node.js ,仅仅封装了 typescript 的编译过程,提供直接运行typescript代码的能力。

配置 ts-node 环境变量:npm config get prefix获取全局位置。

之后编写文件 直接就可以运行:ts-node 文件名.ts

WebStorm自动编译TypeScript

Program:D:\Program Files\nodejs\node_global\tsc

Arguments:–sourcemap –target “ES5”

Output paths to refresh:$FileNameWithoutExtension$.js:$FileNameWithoutExtension$.js.map

Working directory:$FileDir$

新版本的WebStorm已经提供自动编译的功能了,只是需要设置一下。

webstorm中直接运行ts(TypeScript)

安装插件ts-node