什么是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。
- 如果你使用的是sublime,这有安装插件TypeScript-Sublime-Plugin
- 如果你使用的是Atom,这有安装插件atom-typescript
- 如果你使用的是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权威教程》