Typescript的三種運(yùn)行方式(小結(jié))
一、在線complier
這種方式最簡(jiǎn)單，不需在本地做任何配置安裝，只需進(jìn)入Typescript的官網(wǎng) ，點(diǎn)擊里面的playground就可以直接寫代碼了。但這種方式只適用于測(cè)試而不適用于開發(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配置
在打開的配置項(xiàng)中勾選Enable TypeScript Complier
4、這樣我們編寫的.ts文件IDE就自動(dòng)幫助我們生成了相對(duì)應(yīng)的.js文件。
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
原生javascript實(shí)現(xiàn)解析XML文檔與字符串
這篇文章主要介紹了javascript解析XML文檔和XML字符串的方法和具體的代碼解析，有需要的小伙伴可以參考下。2016-03-03
由document.body和document.documentElement想到的
不知道大家對(duì)這個(gè)標(biāo)題有沒有想法，反正此前我一直把他們混為了一談。其實(shí)不然，首先需有個(gè)“標(biāo)準(zhǔn)”的概念。2009-04-04
這篇文章主要為大家詳細(xì)介紹了微信小程序自定義頭部導(dǎo)航欄，膠囊按鈕，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2019-11-11
這篇文章主要介紹了js實(shí)現(xiàn)微信分享朋友鏈接顯示，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2015-12-12
用原生 JS 實(shí)現(xiàn) innerHTML 功能實(shí)例詳解
這篇文章主要介紹了用原生 JS 實(shí)現(xiàn) innerHTML 功能,非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2019-04-04
本篇文章主要介紹了vue-router重定向不刷新問題的解決，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-06-06
AJAX 是一種用于創(chuàng)建快速動(dòng)態(tài)網(wǎng)頁的技術(shù),下面這篇文章主要給大家介紹了關(guān)于原生Ajax與JQuery?Ajax的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-03-03
這篇文章主要介紹了社區(qū)便利店收銀系統(tǒng)代碼,使用前端初級(jí)開發(fā)者，代碼很簡(jiǎn)單需要的朋友可以參考下2019-12-12
javascript中將Object轉(zhuǎn)換為String函數(shù)代碼 (json str)
下面的代碼就是想將Object轉(zhuǎn)換為String函數(shù),需要的朋友可以參考下2012-04-04
本文給大家淺析javascript調(diào)試方法和技巧，涉及到j(luò)avascript調(diào)試方法和技巧方面的知識(shí)，本文介紹的非常詳細(xì)，非常具有參考借鑒介紹，感興趣的朋友一起看看吧2015-10-10