命令行下執(zhí)行TypeScript文件的三種方法
TypeScript是一種開源編程語言，它是由微軟開發(fā)和維護(hù)的。
TypeScript在語法上遵循JavaScript，但增加了更多的特性。它是JavaScript的超集。
為了執(zhí)行或運(yùn)行任何typescript文件，首先需要安裝node并使用它在本地系統(tǒng)中全局安裝typescript。
語法
要檢查node是否安裝，運(yùn)行命令，如果沒有，你必須先安裝:
node -v
使用下面命令，安裝typescript：
npm install -g typescript
方法一
安裝typescript之后，創(chuàng)建一個(gè).ts文件，例如，greet.ts有下面代碼：
var greet: string = "Hello"; var geeks: string = "腳本之家"; console.log(greet + " , " + geeks);
上面的代碼將會(huì)輸出：
Hello , 腳本之家
這個(gè)typescript文件greet.ts將在運(yùn)行時(shí)創(chuàng)建同名的javascript文件。運(yùn)行任何typescript文件有幾種方式:
步驟一
首先，用以下命令運(yùn)行typescript文件。這將自動(dòng)從typescript創(chuàng)建一個(gè)同名的javascript文件。
tsc greet.ts
步驟二
現(xiàn)在運(yùn)行javascript文件，即greet.ts文件將被執(zhí)行:
node greet.js
方法二
您可以使用一個(gè)管道符號(hào)|和&&像下面這樣合并這兩個(gè)命令:
Windows：
tsc greet.ts | node greet.js
Linx或MacOS:
tsc greet.ts && node greet.js
方法三
你也可以用下面的命令安裝ts-node和typescript:
安裝:
npm install -g ts-node
運(yùn)行：
ts-node greet.ts
輸出結(jié)果:使用這三種方法中的任何一種，輸出將保持不變。
Hello , 腳本之家
更多關(guān)于在命令行執(zhí)行TypeScript文件方法請(qǐng)查看下面的相關(guān)鏈接
相關(guān)文章
本文沒有詳細(xì)描述這些新特性，因?yàn)榫W(wǎng)上都已經(jīng)有很多相關(guān)的介紹了。主要針對(duì)ES6 新特性收集了相關(guān)范例代碼，他可以讓你快速了解這個(gè)新的javascript規(guī)范2017-03-03
javascript中字符串如何定義，下面有個(gè)不錯(cuò)的示例，大家可以學(xué)習(xí)下2013-12-12
javaScript中的this示例學(xué)習(xí)詳解及工作原理
這篇文章主要介紹了javaScript中的this示例學(xué)習(xí)詳解及工作原理，大家參考使用吧2014-01-01
本文詳細(xì)講解了ES6的Promise用法，文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2021-12-12
JavaScript ES6箭頭函數(shù)是一個(gè)來自ECMAScript 2015（又稱ES6）的全新特性,有傳聞?wù)f，箭頭函數(shù)的語法=>，是受到了CoffeeScript 的影響，并且它與CoffeeScript中的=>語法一樣，共享this上下文2018-12-12
舉例說明如何為JavaScript的方法參數(shù)設(shè)置默認(rèn)值
這篇文章主要介紹了舉例說明如何為JavaScript的方法參數(shù)設(shè)置默認(rèn)值,參數(shù)默認(rèn)值的設(shè)置是JS入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-11-11
實(shí)例講解JavaScript中的this指向錯(cuò)誤解決方法
JavaScript中this指向的處理是令大家普遍頭疼的問題,這里我們舉一個(gè)實(shí)例講解JavaScript中的this指向錯(cuò)誤解決方法,需要的朋友可以參考下2016-06-06
怎么通過onclick事件獲取js函數(shù)返回值（代碼少）
這篇文章主要介紹了怎么通過onclick事件獲取js函數(shù)返回值,需要的朋友可以參考下2015-07-07
JS判斷瀏覽器之Navigator對(duì)象...2007-01-01
深入理解JavaScript系列（50）：Function模式（下篇）
這篇文章主要介紹了深入理解JavaScript系列（50）：Function模式（下篇）,本篇我們介紹的一些模式稱為初始化模式和性能模式,主要是用在初始化以及提高性能方面,一些模式之前已經(jīng)提到過，這里只是做一下總結(jié),需要的朋友可以參考下2015-03-03