Typescript的三種運(yùn)行方式(小結(jié))
一、在線(xiàn)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文件。
以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
只需五句話(huà)搞定JavaScript作用域(經(jīng)典)
javascript作用域是前端開(kāi)發(fā)比較難理解的知識(shí)點(diǎn)，下面小編給大家提供五句話(huà)幫助大家很快的了解js作用域，非常不錯(cuò)，具有參考借鑒價(jià)值，感興趣的朋友一起學(xué)習(xí)吧2016-07-07
JavaScrip報(bào)錯(cuò):module?is?not?defined的原因及解決
這篇文章主要給大家介紹了關(guān)于JavaScrip報(bào)錯(cuò):module?is?not?defined的原因及解決方法,文中通過(guò)代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-09-09
JavaScript使用cookie實(shí)現(xiàn)記住賬號(hào)密碼功能
這篇文章主要介紹了JavaScript使用cookie實(shí)現(xiàn)記住賬號(hào)密碼功能,本文直接給出完整測(cè)試代碼,需要的朋友可以參考下2015-04-04
javascript下function聲明一些小結(jié)
function聲明一些東西,我們都知道function和var一樣是預(yù)處理的在js里面,但是到底什么是函數(shù)聲明呢,我們來(lái)看幾個(gè)例子2007-12-12
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)磚頭在頁(yè)面拖拉效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
uni-app全局變量的四種實(shí)現(xiàn)方式總結(jié)
在開(kāi)發(fā)的過(guò)程中,我們不可避免的用到全局變量,比如我們的請(qǐng)求的公共路徑這個(gè)變量,下面這篇文章主要給大家總結(jié)介紹了關(guān)于uni-app全局變量的四種實(shí)現(xiàn)方式,需要的朋友可以參考下2023-10-10
分享兩個(gè)手機(jī)訪(fǎng)問(wèn)pc網(wǎng)站自動(dòng)跳轉(zhuǎn)手機(jī)端網(wǎng)站代碼
這篇文章主要介紹了分享兩個(gè)手機(jī)訪(fǎng)問(wèn)pc網(wǎng)站自動(dòng)跳轉(zhuǎn)手機(jī)端網(wǎng)站代碼,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了Bootstrap風(fēng)格的zTree右鍵菜單功能，實(shí)現(xiàn)代碼分為html，css和js三部分，代碼簡(jiǎn)單易懂，非常不錯(cuò)，需要的朋友可以參考下2017-02-02
詳解webpack4之splitchunksPlugin代碼包分拆
這篇文章主要介紹了詳解webpack4之splitchunksPlugin代碼包分拆，小編覺(jué)得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2018-12-12
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)每日簽到功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11