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 进行打勾,然后确定;就可以啦。

猜你喜欢

转载自blog.csdn.net/qq_27674439/article/details/106144491