一、TypeScript介绍

TypeScript是Javascript的超集,遵循es5、es6规范，扩展了Javascript的语法。

二、TypeScript的安装

准备工作： 如果使用npm命令需要先安装nodejs，或者提前安装cnpm,yarn

安装cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装yarn

npm install -g yarn

安装TypeScript --- 三种安装方式

npm install -g typescript
cnpm install -g typescript
yarn global add typescript

安装命令执行完后重新打开终端，输入tsc -v出现版本号表示安装成功

二、TypeScript的编译

新建文件夹demo，在demo中创建ts文件index.ts

//index.ts文件
console.log("你好ts")
var str:string = "hello"
var num:number = "hello"

终端切换到demo目录下，输入tsc index.ts进行编译，会生成一个index.js文件

自动编译ts文件

创建tsconfig.json文件 tsc --init 生成配置文件

在配置文件中找到"outDir"属性，将路径设置为ts编译过后的js的存放路径

运行ts文件

点击vscode终端--运行任务--typescript--tsc 监视

代码保存后会自动编译文件，并把生成的js文件保存在配置的路径中