vscode中如何使用ts

步驟：

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

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

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

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

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

????（3）“alwaysStrict”：打開(kāi)嚴(yán)格模式 (‘use strict’)；

4、命令行下輸入 code . 打開(kāi)vscode進(jìn)入該目錄，按下 Ctrl+shift+B 快捷鍵會(huì)進(jìn)行編譯，初次編譯會(huì)選擇編譯模式。

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

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

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

6、在調(diào)試按鈕上面有一個(gè)配置按鈕，點(diǎn)擊對(duì)調(diào)試進(jìn)行詳細(xì)修改。

php中文網(wǎng)，有大量免費(fèi)的vscode入門教程，歡迎大家學(xué)習(xí)！

以上就是