如何在vscode中使用Typescript并運行詳解
首先呢，我們在學(xué)習(xí)ts之前，需要先安裝ts
1、安裝 typescript
npm install -g typescript //檢查是否安裝 tsc -v
?2、生成配置文件，cd進入該文件夾，在控制臺輸
tsc --init
此時我們就可以看到在ts文件夾下面出現(xiàn)了 一個tsconfig.json的文件
?3、編譯ts文件
（1）第一種方法可以直接通過命令編譯
例如我們創(chuàng)建一個test.ts文件，可以在控制臺 輸入tsc +文件名 進行編譯
tsc test.ts
當(dāng)然這個操作就比較繁瑣了，那就考慮第二種方式了
（2）vscode自動化編譯ts文件
由于瀏覽器是識別不了ts文件的，因此編譯的過程就是將ts文件編譯為js文件。
如何設(shè)置呢？
第一二步如下
?第三步，點擊終端中的運行任務(wù)
?看下效果，此時我們新建一個demo.ts，控制臺就會自動監(jiān)視運行
?并在js文件夾中自動生成了對應(yīng)的demo.js文件
?此時我們對比一下，就達(dá)到了預(yù)期的目標(biāo)。
?注意：當(dāng)然第三步中運行任務(wù) 還有一個更簡便的方法，可以在該ts目錄下直接運行 tsc -w 即可運行該文件夾下所有ts文件
如何在控制臺直接運行ts，并可查看打印等輸出內(nèi)容
1、在vscode中安裝插件 Code Runner
2、安裝ts包
npm i typescript ts-node @types/node@* -g
3、點擊文件右上角的運行按鈕即可
此時就可以開啟ts的學(xué)習(xí)之路了~
總結(jié)
到此這篇關(guān)于如何在vscode中使用Typescript并運行的文章就介紹到這了,更多相關(guān)vscode使用Typescript并運行內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
JavaScript中substring()函數(shù)方法是返回位于String對象中指定位置的子字符串2013-04-04
這篇文章主要介紹了基于javascript編寫簡單日歷的相關(guān)資料,需要的朋友可以參考下2016-05-05
這篇文章主要為大家詳細(xì)介紹了JavaScript中實現(xiàn)下載超大文件的相關(guān)方法,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下2024-03-03
這篇文章主要介紹了JS從數(shù)組中隨機獲取一個值的常用寫法,需要的朋友可以參考下2023-07-07
js實現(xiàn)頁面跳轉(zhuǎn)的幾種方式，需要的朋友可以參考下。2010-11-11
JavaScript實現(xiàn)時間格式的切割與轉(zhuǎn)換
這篇文章主要為大家詳細(xì)介紹了使用JavaScript實現(xiàn)時間格式的切割與轉(zhuǎn)換的相關(guān)知識,文中的示例代碼講解詳細(xì),有需要的小伙伴可以參考一下2024-04-04
Web網(wǎng)站都變成灰色有哪些方法可以快速實現(xiàn)(解決方案)
有些時候我們需要把網(wǎng)站頁面變成黑白色或灰色，特別是對于一些需要悼念的日子，以及一些影響力很大的偉人逝世或紀(jì)念日的時候，都會讓網(wǎng)站的全部網(wǎng)頁變成灰色（黑白色），以表示我們對逝者或者英雄的緬懷和悼念2022-12-12
JavaScript實現(xiàn)左右下拉框動態(tài)增刪示例
本篇文章主要介紹了JavaScript實現(xiàn)左右下拉框動態(tài)增刪示例，可以對下拉框進行刪除和增加，非常具有實用價值，需要的朋友可以參考下。2017-03-03
這篇文章主要介紹了微信小游戲中three.js離屏畫布的示例代碼,主要是用three.js結(jié)合cannon.js寫個3D小游戲，本文通過實例代碼給大家介紹的非常詳細(xì)，需要的朋友可以參考下2020-10-10
這篇文章主要介紹了javascript的基本包裝類型，JS為了便于操作基本類型,提供了3個特殊的引用類型:Boolean/Number和String,需要的朋友可以參考下2015-04-04