TypeScript开发工具配置

Typescript 介绍、安装、开发工具

一、Typescript 介绍

  1. TypeScript 是由微软开发的一款开源的编程语言。
  2. TypeScript 是Javascript 的超级,遵循最新的ES6、Es5 规范。TypeScript 扩展了JavaScript 的语法。
  3. TypeScript 更像后端java、C#这样的面向对象语言可以让js 开发大型企业项目。
  4. 谷歌也在大力支持Typescript 的推广,谷歌的angular2.x+就是基于Typescript 语法。
  5. 最新的Vue 、React 也可以集成TypeScript。
    在这里插入图片描述
    二、Typescript 安装编译
    npm install -g typescript
    tsc helloworld.ts
    三、Typescript 开发工具Vscode 自动编译.ts 文件
    1.创建tsconfig.json 文件tsc --init 生成配置文件
    在这里插入图片描述
    2.点击菜单任务-运行任务点击tsc:监视-tsconfig.json 然后就可以自动生成代码 了
    在这里插入图片描述
    四、Typescript 开发工具HBuilder 自动编译.ts 文件
    1.在最上方菜单栏,点击工具-插件安装;
    2.点击下方浏览Eclipse 插件市场,搜索typescript 插件进行安装
    3.安装完成后重启编译器,点击菜单栏工具-选项选择编译ts 文件
    4.在你的项目上右键点击–配置–Enable TypeScript Builder,之后你再保存.ts 文件
    时会自动在当前目录编译出对应的.js 文件
    在这里插入图片描述

在这里插入图片描述
在这里插入图片描述在Compile all TypeScript files on build 进行打勾,然后确定;就可以啦。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值