TypeScript - 環境設定

我們已經線上設定了 TypeScript 程式設計環境，以便您可以在進行理論學習的同時，同時線上執行所有可用的示例。這使您對正在閱讀的內容充滿信心，並可以根據不同的選項檢查結果。隨意修改任何示例並在網上執行。

var message:string = "Hello World" 
console.log(message)

編譯後，它將生成以下 JavaScript 程式碼。

var message = "Hello World";
console.log(message);

在本章中，我們將討論如何在 Windows 平臺上安裝 TypeScript。我們還將解釋如何安裝 Brackets IDE。

您可以使用 TypeScript 線上編輯器 www.typescriptlang.org/Playground 線上測試您的指令碼。線上編輯器顯示編譯器發出的相應 JavaScript 程式碼。

您可以使用 **Playground** 嘗試以下示例。

var num:number = 12 
console.log(num)

編譯後，它將生成以下 JavaScript 程式碼。

var num = 12;
console.log(num);

上面程式的輸出如下所示：

本地環境設定

Typescript 是一種開源技術。它可以在任何瀏覽器、任何主機和任何作業系統上執行。您將需要以下工具來編寫和測試 Typescript 程式：

文字編輯器

文字編輯器幫助您編寫原始碼。一些編輯器的示例包括 Windows 記事本、Notepad++、Emacs、vim 或 vi 等。使用的編輯器可能因作業系統而異。

原始檔通常以副檔名 **.ts** 命名。

TypeScript 編譯器

TypeScript 編譯器本身就是一個編譯成 JavaScript (.js) 檔案的 **.ts** 檔案。TSC（TypeScript 編譯器）是一個源到源編譯器（轉譯器/轉譯器）。

TSC 生成傳遞給它的 **.ts** 檔案的 JavaScript 版本。換句話說，TSC 從作為輸入給它的 Typescript 檔案生成等效的 JavaScript 原始碼。此過程稱為轉譯。

但是，編譯器會拒絕任何傳遞給它的原始 JavaScript 檔案。編譯器只處理 **.ts** 或 **.d.ts** 檔案。

本 TypeScript 教程基於最新的 typescript 5.5.2 版本。

安裝 Node.js

Node.js 是一個開源的、跨平臺的伺服器端 JavaScript 執行時環境。Node.js 可以在沒有瀏覽器支援的情況下執行 JavaScript。它使用 Google V8 JavaScript 引擎執行程式碼。您可以下載 Node.js 原始碼或您平臺的預構建安裝程式。Node 可在此處獲取： https://nodejs.org/en/download

在 Windows 上安裝

按照以下步驟在 Windows 環境中安裝 Node.js。

**步驟 1** - 下載並執行 Node 的 .msi 安裝程式。

**步驟 2** - 要驗證安裝是否成功，請在終端視窗中輸入命令 node –v。

**步驟 3** - 在終端視窗中鍵入以下命令以安裝 TypeScript。

npm install -g typescript

在 Mac OS X 上安裝

要在 Mac OS X 上安裝 node.js，您可以下載一個預編譯的二進位制軟體包，這使得安裝非常簡單。轉到 http://nodejs.org/ 並單擊安裝按鈕下載最新軟體包。

按照安裝嚮導從 **.dmg** 安裝軟體包，這將安裝 node 和 **npm**。npm 是 Node 包管理器，它有助於安裝 node.js 的其他軟體包。

在 Linux 上安裝

在安裝 Node.js 和 NPM 之前，您需要安裝許多依賴項。

**Ruby** 和 **GCC**。您需要 Ruby 1.8.6 或更高版本和 GCC 4.2 或更高版本。
**Homebrew**。Homebrew 是最初為 Mac 設計的包管理器，但已移植到 Linux 作為 Linuxbrew。您可以在 http://brew.sh/ 瞭解有關 Homebrew 的更多資訊，在 http://brew.sh/linuxbrew 瞭解有關 Linuxbrew 的更多資訊。

安裝這些依賴項後，您可以使用以下命令在終端中安裝 Node.js：

brew install node.

IDE 支援

Typescript 可以構建在眾多開發環境中，例如 Visual Studio、Sublime Text 2、WebStorm/PHPStorm、Eclipse、Brackets 等。此處討論 Visual Studio Code 和 Brackets IDE。此處使用的開發環境是 Visual Studio Code（Windows 平臺）。