TypeScript01-

環(huán)境搭建

????????TypeScript編寫的程序并不能直接通過瀏覽器運(yùn)行,我們需要先通過TypeScript編譯器把TypeScript代碼編譯成JavaScript代碼

????????TypeScript的編譯器是基于Node.js的凿菩,所以我們需要先安裝Node.js安裝Node.js

https://nodejs.org

????????安裝完成以后床绪,可以通過終端或者cmd等命令行工具來調(diào)用node

查看當(dāng)前node版本

????????????????node -v

安裝TypeScript編譯器

????????通過NPM包管理工具安裝TypeScript編譯器

????????????????npm i -g typescript

????????安裝完成以后客情,我們可以通過命令tsc來調(diào)用編譯器

查看當(dāng)前tsc編譯器版本

????????????????tsc -v


編寫代碼

????????代碼編輯器 - vscode

????????vsCode和TypeScript都是微軟的產(chǎn)品,vsCode本身就是基于TypeScript進(jìn)行開發(fā)的癞己,vsCode對TypeScript有著天然友好的支持

????????https://code.visualstudio.com/

TypeScript文件

????????默認(rèn)情況下膀斋,TypeScript的文件的后綴為.ts

TypeScript代碼


編譯執(zhí)行

????????使用我們安裝的TypeScript編譯器tsc對.ts文件進(jìn)行編譯


????????默認(rèn)情況下會(huì)在當(dāng)前文件所在目錄下生成同名的js文件


一些有用的編譯選項(xiàng)

? ??????編譯命令tsc還支持許多編譯選項(xiàng),這里我先來了解幾個(gè)比較常用的

--outDir

????????指定編譯文件輸出目錄


--target

? ??????指定編譯的代碼版本目標(biāo)痹雅,默認(rèn)為ES3


--watch

????????在監(jiān)聽模式下運(yùn)行仰担,當(dāng)文件發(fā)生改變的時(shí)候自動(dòng)編譯


????????通過上面幾個(gè)例子,我們基本可以了解tsc的使用了绩社,但是大家應(yīng)該也發(fā)現(xiàn)了摔蓝,如果每次編譯都輸入這么一大堆的選項(xiàng)其實(shí)是很繁瑣的,

????????好在TypeScript編譯為我們提供了一個(gè)更加強(qiáng)大且方便的方式愉耙,編譯配置文件:tsconfig.json贮尉,我們可以把上面的編譯選項(xiàng)保存到這個(gè)

????????配置文件中

編譯配置文件

? ??????我們可以把編譯的一些選項(xiàng)保存在一個(gè)指定的json文件中,默認(rèn)情況下tsc命令運(yùn)行的時(shí)候會(huì)自動(dòng)去加載運(yùn)行命令所在的目錄下的

????????tsconfig.json文件朴沿,配置文件格式如下????配置文件:outDir猜谚、target、watch赌渣、include魏铅、project


有了單獨(dú)的配置文件,我們就可以直接運(yùn)行

????????tsc

指定加載的配置文件

????????使用--project或-p指定配置文件目錄锡垄,會(huì)默認(rèn)加載該目錄下的tsconfig.json文件


也可以指定某個(gè)具體的配置文件



?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末沦零,一起剝皮案震驚了整個(gè)濱河市祭隔,隨后出現(xiàn)的幾起案子货岭,更是在濱河造成了極大的恐慌,老刑警劉巖疾渴,帶你破解...
    沈念sama閱讀 206,214評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件千贯,死亡現(xiàn)場離奇詭異,居然都是意外死亡搞坝,警方通過查閱死者的電腦和手機(jī)搔谴,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,307評論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來桩撮,“玉大人敦第,你說我怎么就攤上這事峰弹。” “怎么了芜果?”我有些...
    開封第一講書人閱讀 152,543評論 0 341
  • 文/不壞的土叔 我叫張陵鞠呈,是天一觀的道長。 經(jīng)常有香客問我右钾,道長蚁吝,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,221評論 1 279
  • 正文 為了忘掉前任舀射,我火速辦了婚禮窘茁,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘脆烟。我一直安慰自己山林,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,224評論 5 371
  • 文/花漫 我一把揭開白布邢羔。 她就那樣靜靜地躺著捌朴,像睡著了一般。 火紅的嫁衣襯著肌膚如雪张抄。 梳的紋絲不亂的頭發(fā)上砂蔽,一...
    開封第一講書人閱讀 49,007評論 1 284
  • 那天,我揣著相機(jī)與錄音署惯,去河邊找鬼左驾。 笑死,一個(gè)胖子當(dāng)著我的面吹牛极谊,可吹牛的內(nèi)容都是我干的诡右。 我是一名探鬼主播,決...
    沈念sama閱讀 38,313評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼轻猖,長吁一口氣:“原來是場噩夢啊……” “哼帆吻!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起咙边,我...
    開封第一講書人閱讀 36,956評論 0 259
  • 序言:老撾萬榮一對情侶失蹤猜煮,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后败许,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體王带,經(jīng)...
    沈念sama閱讀 43,441評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,925評論 2 323
  • 正文 我和宋清朗相戀三年市殷,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了愕撰。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,018評論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖搞挣,靈堂內(nèi)的尸體忽然破棺而出带迟,到底是詐尸還是另有隱情,我是刑警寧澤囱桨,帶...
    沈念sama閱讀 33,685評論 4 322
  • 正文 年R本政府宣布邮旷,位于F島的核電站,受9級特大地震影響蝇摸,放射性物質(zhì)發(fā)生泄漏婶肩。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,234評論 3 307
  • 文/蒙蒙 一貌夕、第九天 我趴在偏房一處隱蔽的房頂上張望律歼。 院中可真熱鬧,春花似錦啡专、人聲如沸险毁。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,240評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽畔况。三九已至,卻和暖如春慧库,著一層夾襖步出監(jiān)牢的瞬間跷跪,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,464評論 1 261
  • 我被黑心中介騙來泰國打工齐板, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留吵瞻,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 45,467評論 2 352
  • 正文 我出身青樓甘磨,卻偏偏與公主長得像橡羞,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子济舆,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,762評論 2 345

推薦閱讀更多精彩內(nèi)容