typescript學(xué)習(xí)(安裝使用篇)

學(xué)習(xí)下typescript的安裝及簡單使用

typescript是javascript超集,擴(kuò)展了JavaScript的語法。因?yàn)閖s是動(dòng)態(tài)語言,因?yàn)閠yscript的出現(xiàn)讓js有了使用強(qiáng)類型語言的靜態(tài)
數(shù)據(jù)的可能;TypeScript 是通過類型注解提供編譯時(shí)的靜態(tài)類型檢查。

安裝

1.如果你的電腦上安裝的有node的npm包管理工具,那再好不過了
//直接打開命令行工具全局安裝。注意:如果在你的項(xiàng)目中直接npm install --save dev 這樣是不會(huì)運(yùn)行的,需要安裝在全局環(huán)境下才行!
  npm install -g typescript
2.然后呢?沒有然后了,就可以使用了??梢蚤_始我們的hello,world啦
//在你的本地新建一個(gè)文件目錄
mkdir tsProject  //新建目錄
cd tsProject      //進(jìn)入工程目錄

新建一個(gè)test.ts文件(typescript文件的后綴是.ts結(jié)尾的,然后通過編譯打包轉(zhuǎn)換為js文件的),在ts文件中輸入一下代碼

function sayHello(name: string, age: number, country: string) {
    return '我叫' + name + '我今年' + age + '歲' + '我來自' + country;
}

document.body.innerHTML = sayHello('小明',18,'中國');

然后運(yùn)行命令行編譯

tsc test.ts

查看同級目錄,會(huì)多一個(gè)test.js文件,這就是編譯后的js文件啦;
怎么看到效果呢?我們需要一個(gè)HTML文件掛載上去,新建test.html,然后引入test.js文件,打開就可以看到啦

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容