vscode中使用ts的方法

發(fā)布時間：2020-12-14 13:57:29 來源：億速云閱讀：1142 作者：小新欄目：軟件技術(shù)

這篇文章給大家分享的是有關(guān)vscode中使用ts的方法的內(nèi)容。小編覺得挺實用的，因此分享給大家做個參考。一起跟隨小編過來看看吧。

步驟：

1、打開命令行，鍵入npm i -g typescript 全局安裝TS。

2、繼續(xù)在命令行環(huán)境下鍵入 tsc -init 進行初始化，你會發(fā)現(xiàn)根目錄下多了 tsconfig.json 的文件，記錄了編譯成JS的選項。

3、打開該文件，會發(fā)現(xiàn)主要選項已經(jīng)幫你設(shè)置好了，比較常用的設(shè)置是：

（1）“target”：編譯為何種規(guī)范，一般設(shè)置為 ES5 或者 ES2016/2017；

（2）“outdir”：輸出目錄；

（3）“alwaysStrict”：打開嚴格模式 (‘use strict’)；

4、命令行下輸入 code . 打開VSCode進入該目錄，按下 Ctrl+shift+B 快捷鍵會進行編譯，初次編譯會選擇編譯模式。

vscode中使用ts的方法

監(jiān)視模式是每當TS文件有變動就會自動編譯，構(gòu)建模式是手動命令編譯時才會去編譯，這里選擇監(jiān)視模式。

5、按下F5開始調(diào)試，初次調(diào)試會讓你選擇調(diào)試環(huán)境。

vscode中使用ts的方法

這個根據(jù)自己JS的宿主環(huán)境進行選擇，本文使用NODE環(huán)境。

6、在調(diào)試按鈕上面有一個配置按鈕，點擊對調(diào)試進行詳細修改。

vscode中使用ts的方法

感謝各位的閱讀！關(guān)于vscode中使用ts的方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，讓大家可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到吧！

向AI問一下細節(jié)

猜你喜歡