typescript-介绍&安装&开发工具

引言：

　　既然有了JavaScript，为何还须要typescript呢？二者有什么不一样呢？

一：介绍

一：typeScript

1：JavaScript

　　JavaScript的产生历程这里就不详细说了，咱们说说关键点。

　　1999年12月ECMAScript发布第三标准版本后，接下来10年就不行了。直到2005年借助ajax，JavaScript得以复兴。

　　2009年12月ECMAScript 5发布。随后2012年，开始流行。

　　2015年，ECMAScript 6发布。

2：typescript出现的缘由

　　（1）JavaScript大型web应用容易出现失控，难以驾驭。

　　（2）而相似 CoffeeScript 和 Script# 语言难以使用JavaScript的语言特性。

　　（3）微软认为JavaScript 只是一门脚本语言，设计理念简单，缺少对类和模块的支持，并不是真正用于大型web应用。

3：typescript 的特色

　　（1）免费开源

　　（2）基于ECMAScript进行扩展，是 JavaScript的超集。

　　（3）添加可选静态类型、类、模块

　　（4）可编译为 JavaScript

　　（5）跨平台，支持全部浏览器、主机和操做系统。

下图能够看到typescript与es五、es6的关系

　　

二：环境准备

1：安装node.js

请先安装nodejs，配置淘宝源

　　前端-Node.js-解释器软件包的安装与介绍　　

　　淘宝源配置

2：npm

　　node.js的包管理工具，不单单承接Node生态的包管理，也承接了JavaScript的包管理工做。安装node.js时，已经把npm捆绑安装了。

　　npm有三个不一样部分组成：网站、注册表、CLI。网站是用户发现软件的主要工具。注册表是一个关于软件包的大型数据库，而CLI则告诉开发者如何在注册表上发布软件包或下载软件包。

3：yarn

　　yarn是Facebook、Google、Exponent和Tilde 共同开发的一款 新JavaScript 包管理工具。yarn并无试图取代npm，yarn一样是从npm注册源获取模块的CLI客户端。它存在的目的是为了解决npm面临的少数问题。好比依赖版本的锁定、并行安装以及文案输出等。固然npm自己也在积极解决这些问题。

　　安装：npm install -g yarn  （推荐使用Yarn官方推荐方式安装）

4：typescript 的安装

　　npm install -g typescript

　　npm install -g ts-node        （ts-node：typescript编译过程，提供直接运行typescript代码的能力）

 

5：Visual  Studio Code 工具的安装

　　这款IDE 很是适合 typescript

 

三：开发工具的配置

1：ts文件的使用--手动编译

写一个ts文件，须要编译成js文件使用

E:\ruby\代码>tsc hello.ts

　　

2：开发工具VScode --自动编译ts文件

第一步：建立tsconfig.json文件（命令：tsc --init生成配置文件）

先打开对应的文件夹

　　

在对应的文件夹中生成json配置文件

　　

修改配置文件

　　

 

第二步：菜单：任务--》运行任务，点击tsc监视 -tsconfig.json。而后就能够自动编译生成js代码

 　　

 

若是你想执行代码：

 　　

 

3：开发工具Hbuild --自动编译ts文件

安装插件

　　

　　

　　

 配置

 　　

 

 　　

 

---

 

资料：

　　视频教程

　　https://ts.xcatliu.com/（不错的网络书籍）

　　W3school

　　菜鸟教程

　　官网