這篇文章主要介紹Typescript的運(yùn)行方式有哪些,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
站在用戶的角度思考問(wèn)題,與客戶深入溝通,找到清遠(yuǎn)網(wǎng)站設(shè)計(jì)與清遠(yuǎn)網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類(lèi)型包括:成都網(wǎng)站設(shè)計(jì)、網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、申請(qǐng)域名、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋清遠(yuǎn)地區(qū)。
一、在線complier
這種方式最簡(jiǎn)單,不需在本地做任何配置安裝,只需進(jìn)入Typescript的官網(wǎng) ,點(diǎn)擊里面的playground就可以直接寫(xiě)代碼了。但這種方式只適用于測(cè)試而不適用于開(kāi)發(fā)。
二、本地命令行編譯
1、在本地編譯運(yùn)行Typescript需要使用npm下載typescript
npm install -g typescript
至于npm,就是node的包管理工具,下載node后就自動(dòng)帶了。
2、下載完成后可以使用 tsc -v 查看版本
3、使用:如在本地創(chuàng)建Hello.ts
export class Hello { }
在命令行中 tsc Hello.ts
運(yùn)行后就會(huì)發(fā)現(xiàn)在同一文件夾下生成了Hello.js
三、使用IDE
這里以webstrom為例。
注意:使用IDE的前提是已經(jīng)在全局安裝了typescript(方法二),只是每次不需要用命令手動(dòng)編譯而是IDE自動(dòng)幫我們生成js文件。
1、在webstrom中新建Typescript文件
2、這時(shí)在代碼編輯區(qū)域上方就會(huì)看到
3、這里我們選擇configue配置
在打開(kāi)的配置項(xiàng)中勾選Enable TypeScript Complier
4、這樣我們編寫(xiě)的.ts文件IDE就自動(dòng)幫助我們生成了相對(duì)應(yīng)的.js文件。
以上是“Typescript的運(yùn)行方式有哪些”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!