vscode搭建除錯typescript檔案環境

2021-10-08 04:04:53 字數 666 閱讀 2060

typescript 入門教程

最近想學習typescript的語法,不想引入與ts無關的東西,因此寫一篇筆記記錄搭建ts環境的過程

建立乙個typescriptstudy資料夾

進入typescriptstudy資料夾,執行npm init -y快速建立package.json

執行tsc --init快速建立 tsconfig.js 配置檔案

}

在工程目錄下新建 src 和 dist 目錄,如圖

安裝依賴庫

cnpm i ts-node -d

cnpm i -d typescript

建立乙個ts檔案,新增斷點驗證

function

sayhello

(person: string)

let user =

'tom'

;console.

log(

sayhello

(user)

);

VSCode除錯設定

tasks.json vscodetutorial.unittest vscodetutorial.unittest.csproj istestcommand true,設定為單元測試專案 problemmatcher mscompile tasks.json檔案是專案任務的配置檔案,可在launc...

vs code 除錯設定

首先vs code 安裝外掛程式 debugger for chrome 使用下面內容替換自動生成的內容 使用外部伺服器時,請注釋掉 file,改用 url,並將 usebuildinserver 設定為 false 改成您的 chrome 安裝路徑 sourcemaps true webroot ...

VSCode 除錯grunt任務

廢話不多說,grunt是乙個很好的自動化任務執行器,但是由於它本身不是專案檔案,所以不是很確定如何除錯。今天的嘗試很好的開了個頭,以後的涉及grunt的任務就都可以這樣除錯了。vscode基於nodejs構建,天生支援js的除錯,而grunt又是js的,所以,可以除錯。node modules gr...