如何編譯 TypeScript 檔案？

在本文中，我們將探討 TypeScript 以及如何執行它。TypeScript 是一種由Microsoft開發和維護的開源程式語言。

Typescript 在語法上與原生 JavaScript 略有不同，但也為其添加了額外的功能。TypeScript 是 JavaScript 的超集，具有快速的發展速度和麵向物件的程式設計特性。它也不能像 JavaScript 那樣直接在 Web 瀏覽器上執行。

TypeScript 檔案需要先與JavaScript 組合，然後才能像普通的 JavaScript 一樣工作。為了編譯和執行 TypeScript 檔案，我們需要安裝 Node，然後使用它將 TypeScript 編譯到本地系統上。在本文中，我們將瞭解如何編譯 TypeScript 檔案。

TypeScript 設定

您需要按照以下步驟操作才能使用 TypeScript 檔案：

• 下載並安裝 node.js 和 Node 包管理器 (NPM)。

• 設定 NPM 環境變數以使 TypeScript 能夠工作。

• 您可以使用以下命令檢查系統上安裝的 Node 和 NPM 版本。

對於 Node 版本

node -v

對於 NPM 版本

npm -v

注意 - 我們不需要顯式安裝 NPM 包。Node 在下載 Node 的同時會自動下載並安裝 NPM。

安裝 Node 和 NPM 後，我們需要在系統上安裝TypeScript。

npm install -g typescript

成功下載 TypeScript 後，我們現在可以使用它將 TypeScript 編譯成原生 JavaScript。請注意，TypeScript 檔案應與系統上下載的 TypeScript 位於同一目錄中。

示例 1

在下面的示例中，我們建立了一個簡單的 TypeScript 檔案，其中包含 3 個值，即 greet、org 和 tagLine。此檔案為 TypeScript 檔案。現在，我們將使用以下命令將其編譯成 JS 檔案。

#檔名：index.ts

var greet : string = "Welcome to";
var org : string = "TutorialsPoint!";
var tagLine : string = "SIMPLY LEARNING!"
console.log(greet+ " "+org );
console.log(tagLine);

現在執行以下命令將 TypeScript 檔案編譯成 JavaScript 檔案。

tsc index.ts

這將自動建立一個名為 index.js 的 JavaScript 檔案。該檔案將建立在 TypeScript 檔案所在的同一資料夾中。現在使用以下命令執行 JS 檔案

node index.js

生成的 JavaScript 檔案如下所示。您可以在下面的檔案中看到 NPM 已將 TypeScript 檔案編譯成 JavaScript 檔案。

# index.js

var greet = "Welcome to";
var org = "TutorialsPoint!";
var tagLine = "SIMPLY LEARNING!";
console.log(greet + " " + org);
console.log(tagLine);

輸出

執行上述檔案後的輸出如下所示：

Welcome to TutorialsPoint!
SIMPLY LEARNING!

Mayank Agarwal

更新於： 2022年4月22日

1K+ 次檢視

啟動您的 職業生涯

透過完成課程獲得認證

開始學習