Typescript的三種運行方式(小結(jié))
更新時間：2019年09月18日 10:52:45 作者：HaiJing1995
這篇文章主要介紹了Typescript的三種運行方式，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
一、在線complier
這種方式最簡單，不需在本地做任何配置安裝，只需進入Typescript的官網(wǎng) ，點擊里面的playground就可以直接寫代碼了。但這種方式只適用于測試而不適用于開發(fā)。
二、本地命令行編譯
1、在本地編譯運行Typescript需要使用npm下載typescript
npm install -g typescript
至于npm，就是node的包管理工具，下載node后就自動帶了。
2、下載完成后可以使用 tsc -v 查看版本
3、使用：如在本地創(chuàng)建Hello.ts
export class Hello {
}
在命令行中 tsc Hello.ts
運行后就會發(fā)現(xiàn)在同一文件夾下生成了Hello.js
三、使用IDE
這里以webstrom為例。
注意：使用IDE的前提是已經(jīng)在全局安裝了typescript（方法二），只是每次不需要用命令手動編譯而是IDE自動幫我們生成js文件。
1、在webstrom中新建Typescript文件
2、這時在代碼編輯區(qū)域上方就會看到
3、這里我們選擇configue配置
在打開的配置項中勾選Enable TypeScript Complier
4、這樣我們編寫的.ts文件IDE就自動幫助我們生成了相對應的.js文件。
以上就是本文的全部內(nèi)容，希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
原生javascript實現(xiàn)解析XML文檔與字符串
這篇文章主要介紹了javascript解析XML文檔和XML字符串的方法和具體的代碼解析，有需要的小伙伴可以參考下。2016-03-03
由document.body和document.documentElement想到的
不知道大家對這個標題有沒有想法，反正此前我一直把他們混為了一談。其實不然，首先需有個“標準”的概念。2009-04-04
這篇文章主要為大家詳細介紹了微信小程序自定義頭部導航欄，膠囊按鈕，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-11-11
這篇文章主要介紹了js實現(xiàn)微信分享朋友鏈接顯示，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-12-12
用原生 JS 實現(xiàn) innerHTML 功能實例詳解
這篇文章主要介紹了用原生 JS 實現(xiàn) innerHTML 功能,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2019-04-04
本篇文章主要介紹了vue-router重定向不刷新問題的解決，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-06-06
AJAX 是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù),下面這篇文章主要給大家介紹了關(guān)于原生Ajax與JQuery?Ajax的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-03-03
這篇文章主要介紹了社區(qū)便利店收銀系統(tǒng)代碼,使用前端初級開發(fā)者，代碼很簡單需要的朋友可以參考下2019-12-12
javascript中將Object轉(zhuǎn)換為String函數(shù)代碼 (json str)
下面的代碼就是想將Object轉(zhuǎn)換為String函數(shù),需要的朋友可以參考下2012-04-04
本文給大家淺析javascript調(diào)試方法和技巧，涉及到javascript調(diào)試方法和技巧方面的知識，本文介紹的非常詳細，非常具有參考借鑒介紹，感興趣的朋友一起看看吧2015-10-10