TypeScript的简介与安装和调试

什么是TypeScript？

TypeScript是ES6的超集，所有的ES6代码都是完全有效且可编译的TypeScript。

当前版本的JavaScript其实是ECMAScript5（ES5），下一代JS标准则是ES6。如果你想要学习更多ES6知识，你可以去阮一峰老师的github上去找，里面有详细的用例介绍。
传送门：https://github.com/ruanyf/es6tutorial

如果您有资金实力的话，我希望您能够购买一本阮一峰老师的《ES 6标准入门》，一个开源的书本并不是我们想象中那么容易的。

安装

就目前而言，安装TypeScript的方式有两种：

通过Node.js的npm

如果你还没有安装过node.js，这篇文章《windows环境下创建一个Angular2项目》开头有告诉你如何去改如何操作。

指令

npm install -g typescript

如果您已经配置好了cnpm，那么国内的同学我建议使用淘宝镜像。

cnpm install -g typescript

通过软件进行安装

Visual Studio 2017和Visual Studio 2015 Update 3以及WebStorm都已经默认包含了TypeScript。

1. 如果你使用的是sublime，这有安装插件TypeScript-Sublime-Plugin
2. 如果你使用的是Atom，这有安装插件atom-typescript
3. 如果你使用的是eclipse，这有安装插件eclipse-typescript

本人目前是使用大漠穷秋老师推荐的VScode进行编写TS文件，配合上node.js确实很好用。

关于调试

由于TS文件需要编译成js文件，如果仅仅是简单的学习和测试的话，那么调试的配置就显得不那么重要了。

我们可以使用node上的一个小工具——TSUN，他会帮我们调试配置文件，让我们能够更快速的上手TS。

使用npm进行安装：

npm install -g tsun

使用cnpm：

cnpm install -g tsun

安装成功之后，你可以启动它:

tsun

如果出现下列信息，则说明你已经安装成功

TSUN:TypeScript Upgraded Node
type in TypeScript expression to evaluate
type :help for commands in repl
>

这个”>”是一个命令提示符，表示TSUN已经准备好接受命令了。对于简单的测试命令，我们可以直接复制粘贴来运行操作。

参考资料：

TypeScript官网
《Angular权威教程》