TSTS简介及环境搭建

一、TS简介及环境搭建

1.1-TypeScript是什么？

• 以JavaScript为基础构建的语言。
• 一个JavaScript的超集。
• 可以在任何支持JavaScript的平台中执行。
• TypeScript扩展了JavaScript并添加了类型。

1. 123

1. 123

123

123

1.2-TypeScipt增加了什么？一、TS简介及环境搭建

1.1-TypeScript是什么？

• 以JavaScript为基础构建的语言。
• 一个JavaScript的超集。
• 可以在任何支持JavaScript的平台中执行。
• TypeScript扩展了JavaScript并添加了类型。

1.2-TypeScipt增加了什么？

• 类型
• 支持ES的新特性。
• 强大的开发工具。
• 添加ES不具备的新特性。
• 丰富的配置选项。

1.2-TypeScript开发环境搭建。

（1）下载并安装Node.JS。

（2）使用npm安装typescript。

npm i -g typescript

（3）使用tsc对ts文件进行编译。

tsc xxx.ts

二、TS类型

2.1-TS的类型声明

• 类型声明：

一、TS简介及环境搭建

1.1-TypeScript是什么？

• 以JavaScript为基础构建的语言。
• 一个JavaScript的超集。
• 可以在任何支持JavaScript的平台中执行。
• TypeScript扩展了JavaScript并添加了类型。

1.2-TypeScipt增加了什么？

• 类型
• 支持ES的新特性。
• 强大的开发工具。
• 添加ES不具备的新特性。
• 丰富的配置选项。

1.2-TypeScript开发环境搭建。

（1）下载并安装Node.JS。

（2）使用npm安装typescript。

npm i -g typescript

（3）使用tsc对ts文件进行编译。

tsc xxx.ts

二、TS类型

2.1-TS的类型声明

• 类型声明：

一、TS简介及环境搭建

1.1-TypeScript是什么？

• 以JavaScript为基础构建的语言。
• 一个JavaScript的超集。
• 可以在任何支持JavaScript的平台中执行。
• TypeScript扩展了JavaScript并添加了类型。

1.2-TypeScipt增加了什么？

• 类型
• 支持ES的新特性。
• 强大的开发工具。
• 添加ES不具备的新特性。
• 丰富的配置选项。

1.2-TypeScript开发环境搭建。

（1）下载并安装Node.JS。

（2）使用npm安装typescript。

npm i -g typescript

（3）使用tsc对ts文件进行编译。

tsc xxx.ts

二、TS类型

2.1-TS的类型声明

• 类型声明：

一、TS简介及环境搭建

1.1-TypeScript是什么？

• 以JavaScript为基础构建的语言。
• 一个JavaScript的超集。
• 可以在任何支持JavaScript的平台中执行。
• TypeScript扩展了JavaScript并添加了类型。

1.2-TypeScipt增加了什么？

• 类型
• 支持ES的新特性。
• 强大的开发工具。
• 添加ES不具备的新特性。
• 丰富的配置选项。

1.2-TypeScript开发环境搭建。

（1）下载并安装Node.JS。

（2）使用npm安装typescript。

npm i -g typescript

（3）使用tsc对ts文件进行编译。

tsc xxx.ts

二、TS类型

2.1-TS的类型声明

• 类型声明：

一、TS简介及环境搭建

1.1-TypeScript是什么？

• 以JavaScript为基础构建的语言。
• 一个JavaScript的超集。
• 可以在任何支持JavaScript的平台中执行。
• TypeScript扩展了JavaScript并添加了类型。

1.2-TypeScipt增加了什么？

• 类型
• 支持ES的新特性。
• 强大的开发工具。
• 添加ES不具备的新特性。
• 丰富的配置选项。

1.2-TypeScript开发环境搭建。

（1）下载并安装Node.JS。

（2）使用npm安装typescript。

npm i -g typescript

（3）使用tsc对ts文件进行编译。

tsc xxx.ts

二、TS类型

2.1-TS的类型声明

• 类型声明：

一、TS简介及环境搭建

1.1-TypeScript是什么？

• 以JavaScript为基础构建的语言。
• 一个JavaScript的超集。
• 可以在任何支持JavaScript的平台中执行。
• TypeScript扩展了JavaScript并添加了类型。

1.2-TypeScipt增加了什么？

• 类型
• 支持ES的新特性。
• 强大的开发工具。
• 添加ES不具备的新特性。
• 丰富的配置选项。

1.2-TypeScript开发环境搭建。

（1）下载并安装Node.JS。

（2）使用npm安装typescript。

npm i -g typescript

（3）使用tsc对ts文件进行编译。

tsc xxx.ts

二、TS类型

2.1-TS的类型声明

• 类型声明：

• 类型
• 支持ES的新特性。
• 强大的开发工具。
• 添加ES不具备的新特性。
• 丰富的配置选项。

1.2-TypeScript开发环境搭建。

（1）下载并安装Node.JS。

（2）使用npm安装typescript。

npm i -g typescript

（3）使用tsc对ts文件进行编译。

tsc xxx.ts

二、TS类型

2.1-TS的类型声明

• 类型声明：