首頁  >  文章  >  開發工具  >  vscode中如何使用ts

vscode中如何使用ts

爱喝马黛茶的安东尼
爱喝马黛茶的安东尼原創
2019-12-06 15:51:258089瀏覽

vscode中如何使用ts

步驟:

#1、開啟命令列,鍵入npm i -g typescript 全域安裝TS。

2、繼續在命令列環境下鍵入 tsc -init 進行初始化,你會發現根目錄下多了 tsconfig.json 的文件,記錄了​​編譯成JS的選項。

3、打開該文件,會發現主要選項已經幫你設定好了,比較常用的設定是:

    (1)「target」:編譯為何種規範,一般設定為ES5 或者ES2016/2017;

    (2)“outdir”:輸出目錄;

    (3)“alwaysStrict”:打開嚴格模式('use strict');

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

vscode中如何使用ts

監視模式是每當TS檔案有變動就會自動編譯,建置模式是手動指令編譯時才會去編譯,這裡選擇監視模式。

5、按下F5開始調試,初次調試會讓你選擇調試環境。

vscode中如何使用ts

這個根據自己JS的宿主環境進行選擇,本文使用NODE環境。

6、在偵錯按鈕上面有一個配置按鈕,點選對偵錯進行詳細修改。

vscode中如何使用ts

PHP中文網,有大量免費的vscode入門教學,歡迎大家來學習!

以上是vscode中如何使用ts的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn