TypeScript基础一【介绍】

 JavaScript与TypeScript的区别

       TypeScript是JavaScript的超集，支持ES6教程，它扩展了JavaScript的语法，因此现有的JavaScript代码可以与TypeScript一起工作无需任何修改。TypeScript由微软开发的自由和开源的编程语言。

        TypeScript 设计目标是开发大型应用，其可以通过类型注解提供编译时的静态类型检查，可以处理已有的JavaScript代码，并只对其中的TypeScript代码进行编译，编译成纯JavaScript，编译出来的JavaScript可以运行在任何浏览器上。

 

语言特性

TypeScript是一种JavaScript添加特性的语言扩展，增加的功能有：

• 类型批注和编译时的类型检查
• 类型推断
• 类型擦除
• 接口
• 泛型
• Mixin
• 泛型编程
• 名字空间
• 元组
• Await
• 类
• 模块
• lambda函数的箭头语法
• 可选参数以及默认参数

书写实例

const introduce:string = " Hello World"

console.log(introduce)

安装TypeScript

通过npm(Node.js包管理器）

如果本地环境已经安装了npm 工具，可以使用下面的命令安装

使用国内镜像：

npm config set registry https://registry.npmmirror.com

安装typescript：

npm install -g typescript

 安装完成就可以使用tsc命令来执行TypeScript的相关代码，可以通过以下命令查看版本号：

$ tsc -v

安装Visual Studio 的 TypeScript 插件

        Visual Studio Code 是一个可以运行于 Mac OS X、Windows 和 Linux 之上的，针对于编写现代 Web 和云应用的跨平台源代码编辑器，由 Microsoft 公司开发。

• 下载地址：https://code.visualstudio.com/，根据电脑系统进行下载安装，下载稳定版本即可；
• 双击VSCodeSetup.exe对应图标就可以进行安装；
• 安装VSCode中的TypeScript插件；
• 在左侧显示的编译代码的文件栏选择 ts 文件，然后选择在终端打开，就可以在下方使用 tsc 命令执行 TypeScript 文件代码。