Typescript的三種運(yùn)行方式(小結(jié))
一、在線complier
這種方式最簡單，不需在本地做任何配置安裝，只需進(jìn)入Typescript的官網(wǎng) ，點(diǎn)擊里面的playground就可以直接寫代碼了。但這種方式只適用于測試而不適用于開發(fā)。
二、本地命令行編譯
1、在本地編譯運(yùn)行Typescript需要使用npm下載typescript
npm install -g typescript
至于npm，就是node的包管理工具，下載node后就自動帶了。
2、下載完成后可以使用 tsc -v 查看版本
3、使用：如在本地創(chuàng)建Hello.ts
export class Hello {
}
在命令行中 tsc Hello.ts
運(yùn)行后就會發(fā)現(xiàn)在同一文件夾下生成了Hello.js
三、使用IDE
這里以webstrom為例。
注意：使用IDE的前提是已經(jīng)在全局安裝了typescript（方法二），只是每次不需要用命令手動編譯而是IDE自動幫我們生成js文件。
1、在webstrom中新建Typescript文件
2、這時(shí)在代碼編輯區(qū)域上方就會看到
3、這里我們選擇configue配置
在打開的配置項(xiàng)中勾選Enable TypeScript Complier
4、這樣我們編寫的.ts文件IDE就自動幫助我們生成了相對應(yīng)的.js文件。
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
只需五句話搞定JavaScript作用域(經(jīng)典)
javascript作用域是前端開發(fā)比較難理解的知識點(diǎn)，下面小編給大家提供五句話幫助大家很快的了解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的原因及解決方法,文中通過代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2023-09-09
JavaScript使用cookie實(shí)現(xiàn)記住賬號密碼功能
這篇文章主要介紹了JavaScript使用cookie實(shí)現(xiàn)記住賬號密碼功能,本文直接給出完整測試代碼,需要的朋友可以參考下2015-04-04
javascript下function聲明一些小結(jié)
function聲明一些東西,我們都知道function和var一樣是預(yù)處理的在js里面,但是到底什么是函數(shù)聲明呢,我們來看幾個(gè)例子2007-12-12
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)磚頭在頁面拖拉效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-11-11
uni-app全局變量的四種實(shí)現(xiàn)方式總結(jié)
在開發(fā)的過程中,我們不可避免的用到全局變量,比如我們的請求的公共路徑這個(gè)變量,下面這篇文章主要給大家總結(jié)介紹了關(guān)于uni-app全局變量的四種實(shí)現(xiàn)方式,需要的朋友可以參考下2023-10-10
分享兩個(gè)手機(jī)訪問pc網(wǎng)站自動跳轉(zhuǎn)手機(jī)端網(wǎng)站代碼
這篇文章主要介紹了分享兩個(gè)手機(jī)訪問pc網(wǎng)站自動跳轉(zhuǎn)手機(jī)端網(wǎng)站代碼,需要的朋友可以參考下2015-01-01
這篇文章主要介紹了Bootstrap風(fēng)格的zTree右鍵菜單功能，實(shí)現(xiàn)代碼分為html，css和js三部分，代碼簡單易懂，非常不錯(cuò)，需要的朋友可以參考下2017-02-02
詳解webpack4之splitchunksPlugin代碼包分拆
這篇文章主要介紹了詳解webpack4之splitchunksPlugin代碼包分拆，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12
這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)每日簽到功能，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2018-11-11