閱讀(14.7k) 書簽贊(0) 我要糾錯

TypeScript 環(huán)境設(shè)置

2021-12-10 16:31 更新

我們已經(jīng)在線建立了Typescript環(huán)境，因此你可以在進行理論工作的同時在線執(zhí)行所有可用的示例。這使您對正在閱讀的內(nèi)容充滿信心，并使用不同的選項檢查結(jié)果。隨意修改任何示例并在線執(zhí)行。
使用我們提供的在線編譯器選項嘗試以下示例。
typescript在線運行環(huán)境

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

在編譯時，它會生成以下的JavaScript代碼。

//Generated by typescript 1.8.10
var message = "Hello World";
console.log(message);

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

Typescript示例

示例：

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

在編譯時，它會生成以下的JavaScript的代碼：

//Generated by typescript 1.8.10
var num = 12;
console.log(num);

上述程序的輸出如下：

本地環(huán)境設(shè)置

打字稿是一種開源技術(shù)它可以在任何瀏覽器，任何主機和任何操作系統(tǒng)上運行您將需要以下工具來編寫和測試打字稿程序：

文本編輯器

文本編輯器可以幫助你編寫源代碼。一些編輯器的示例包括Windows Notepad，Notepad ++，Emacs，VIM或vi等。使用的編輯器可能因操作系統(tǒng)而異。

源文件通常使用擴展名.TS命名。

打字稿編譯器

TypeScript編譯器本身是一個編譯為JavaScript（.js）文件的.ts文件。該TSC（TypeScript編譯器）是一個“源到源”的編譯器（transcompiler / transpiler）。

打字稿編譯

該TSC生成傳遞給它的.ts文件的JavaScript的版本。換言之，TSC打字稿從文件生成一個等效的JavaScript的源代碼作為輸入。這一過程被稱為transpilation。

但是，網(wǎng)絡(luò)出版總庫編譯期拒絕器將傳遞給它的任何原始的JavaScript文件。編譯器僅處理.TS或.d.ts文件。

安裝Node.js

Node.js的是服務(wù)器端JavaScript的一個開源，跨平臺的運行時環(huán)境.Node.js需要在沒有瀏覽器支持的情況下運行JavaScript。它使用Google V8 JavaScript引擎來執(zhí)行代碼。您可以為您的平臺下載Node.js源代碼，或者預(yù)構(gòu)建的安裝程序.Node可以在這里獲取：https：//nodejs.org/en/download

在Windows上安裝

按照以下步驟在Windows環(huán)境中安裝Node.js

第1步 -下載并運行Node的.msi安裝程序。

下載并運行安裝

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

驗證安裝

第3步 -在終端窗口中鍵入以下命令來安裝TypeScript。

npm install -g typescript

安裝打字稿

在Mac OS X上安裝

要在Mac OS X上安裝Node.js，你可以下載一個預(yù)編譯的二進制包，這樣可以輕松安裝。前往http://nodejs.org/ ，然后點擊安裝按鈕來下載最新的軟件包。

下載最新包

按照以下安裝向?qū)?dmg安裝包，該向?qū)⑼瑫r安裝node和npm。npm是Node Package Manager，它有助于為node.js安裝其他軟件包。

安裝節(jié)點

在Linux上安裝

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

Ruby和GCC。你需要Ruby 1.8.6或更高版本以及GCC 4.2或更高版本。
Homebrew 。Homebrew是一個最初為Mac設(shè)計的軟件包管理器，但它已經(jīng)作為Linuxbrew
移植到Linux。您可以在http://brew.sh/上了解更多有關(guān)Homebrew的信息以及在http://brew.sh/linuxbrew
上了解更多有關(guān)Linuxbrew的信息。

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

brew install node.

IDE支持

TypeScript可以構(gòu)建在大量的開發(fā)環(huán)境中，如Visual Studio，Sublime Text 2，WebStorm / PHPStorm，Eclipse，Brackets等。這里討論Visual Studio Code和Brackets IDE。這里使用的開發(fā)環(huán)境是Visual Studio Code（Windows平臺）。