欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

如何在vscode中使用Typescript并運(yùn)行詳解

 更新時(shí)間：2023年05月30日 09:42:51   作者：suoh's?Blog  
在VSCode中編寫的TypeScript代碼不能直接運(yùn)行,需要先用tsc編譯為JavaScript,然后才能運(yùn)行,下面這篇文章主要給大家介紹了關(guān)于如何在vscode中使用Typescript并運(yùn)行的相關(guān)資料,需要的朋友可以參考下

首先呢，我們在學(xué)習(xí)ts之前，需要先安裝ts

1、安裝 typescript

npm install -g typescript 
//檢查是否安裝
tsc -v

?2、生成配置文件，cd進(jìn)入該文件夾，在控制臺輸 

tsc --init

此時(shí)我們就可以看到在ts文件夾下面出現(xiàn)了 一個(gè)tsconfig.json的文件

?3、編譯ts文件

（1）第一種方法可以直接通過命令編譯

例如我們創(chuàng)建一個(gè)test.ts文件，可以在控制臺 輸入tsc +文件名 進(jìn)行編譯

tsc test.ts

當(dāng)然這個(gè)操作就比較繁瑣了，那就考慮第二種方式了

（2）vscode自動化編譯ts文件

由于瀏覽器是識別不了ts文件的，因此編譯的過程就是將ts文件編譯為js文件。

如何設(shè)置呢？

第一二步如下

?第三步，點(diǎn)擊終端中的運(yùn)行任務(wù) 

?看下效果，此時(shí)我們新建一個(gè)demo.ts，控制臺就會自動監(jiān)視運(yùn)行

?并在js文件夾中自動生成了對應(yīng)的demo.js文件

?此時(shí)我們對比一下，就達(dá)到了預(yù)期的目標(biāo)。

?注意：當(dāng)然第三步中運(yùn)行任務(wù) 還有一個(gè)更簡便的方法，可以在該ts目錄下直接運(yùn)行 tsc -w 即可運(yùn)行該文件夾下所有ts文件

如何在控制臺直接運(yùn)行ts，并可查看打印等輸出內(nèi)容

1、在vscode中安裝插件 Code Runner

2、安裝ts包

npm i typescript ts-node @types/node@* -g

 3、點(diǎn)擊文件右上角的運(yùn)行按鈕即可

此時(shí)就可以開啟ts的學(xué)習(xí)之路了~

總結(jié)

到此這篇關(guān)于如何在vscode中使用Typescript并運(yùn)行的文章就介紹到這了,更多相關(guān)vscode使用Typescript并運(yùn)行內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

相關(guān)文章

最新評論