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的類型聲明

• 類型聲明：