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

发布于 9 个月前 作者 phonegap100 544 次浏览 来自 分享

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 然后就可以自动生成代码了

回到顶部