Typescript介绍、Typescript安装及Typescript开发工具介绍

Typescript介绍、Typescript安装及Typescript开发工具介绍

主讲教师：（大地）合作网站：www.itying.com 我的专栏：https://www.itying.com/category-79-b0.html

一、Typescript介绍

1.TypeScript是由微软开发的一款开源的编程语言。

2、TypeScript是Javascript的超集，遵循最新的ES6、Es5规范。TypeScript扩展了JavaScript的语法。

3、TypeScript更像后端java、C#这样的面向对象语言，可以让js开发大型企业项目。

4、谷歌也在大力支持Typescript的推广，谷歌的angular2.x+就是基于Typescript语法。

5、最新的Vue 、React也可以集成TypeScript。

6、Nodejs框架Nestjs、midway中用的就是TypeScript语法。图片2.png

二、Typescript安装编译

在使用npm命令之前电脑必须得安装nodejs 安装

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

运行：

tsc helloworld.ts

注意：如果电脑上面没有安装过cnpm，请先安装cnpm

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

注意：如果电脑上面没有安装过yarn请先安装yarn:

npm install -g yarn
或者
cnpm install -g yarn

三、Typescript 开发工具 Vscode自动编译.ts文件

1.创建tsconfig.json文件 tsc --init 生成配置文件图片3.png

2、老版本vscode点击: 任务->运行任务-> tsc:监视-tsconfig.json 然后就可以自动生成代码了图片4.png

3、最新版本vscode点击: 终端->运行任务->typescript->tsc:监视-tsconfig.json 然后就可以自动生成代码了

Typescript介绍 、Typescript安装及Typescript开发工具介绍