TypeScript入门-1.简介及开发环境

1 简介

TypeScript具有类型系统，且是JavaScript的超集。它可以编译成普通的JavaScript代码。 TypeScript支持任意浏览器，任意环境，任意系统并且是开源的。

2 本地compiler环境

安装nodejs

看这里 : http://blog.csdn.net/zzwwjjdj1/article/details/51980082

全局安装typescript

命令 : npm install -g typescript

安装完成后,输入命令 tsc -v

看到版本号就说明安装成功

安装vscode

官网 : https://code.visualstudio.com/

3 代码

使用vscode打开一个空的文件夹,创建tsconfig.json文件,代码如下

{  "compilerOptions": {    "target": "es5", // 把ts文件编译降低到es5    "noImplicitAny": false,    "module": "amd",    "removeComments": false, // 编译 js 的时候，不删除掉注释    "sourceMap": true // 把 ts 文件编译成 js 文件的时候，同时生成对应的 map 文件  }}

创建a.ts文件,代码如下,就是创建了一个类:

class abc{  }

然后按住快捷键 Ctrl+Shift+B

vscode会提示 未配置任何任务运行程序,点击配置运行程序,选择typescript

vscode会自动生成.vscode文件夹,并在此文件夹下生成文件tasks.json文件

再次按下快捷键 : Ctrl+Shift+B,会生成js文件和map文件

a.js代码如下:

本地的compiler环境就完成了.