JavaScript 除錯配方

Visual Studio Code 透過內建或擴充功能提供的除錯器，支援多種語言與平台的除錯。

為了讓您更輕鬆地開始除錯，我們整理了一系列除錯「配方」，其中包含為您喜愛的平台設定除錯所需的步驟與組態。這些配方存放於 GitHub：https://github.com/microsoft/vscode-recipes。

在 Node.js 中除錯伺服器端 JavaScript

Visual Studio Code 編輯器透過內建的 Node.js 除錯器，支援 Node.js 應用程式的除錯。

配方

• 使用 Nodemon 進行 Node.js 除錯
• 除錯 Node.js AWS Lambda 函式

在瀏覽器中除錯客戶端 JavaScript

Visual Studio Code 編輯器支援在 Microsoft Edge 與 Google Chrome 中執行的 JavaScript 除錯。

您可以閱讀瀏覽器除錯文件，以進一步了解瀏覽器除錯的運作方式。

配方

• 使用 Angular CLI 除錯 Angular 應用程式
• 除錯 Next.js 應用程式
• 除錯 Meteor 應用程式
• 除錯 Vue.js 應用程式
• 除錯 Mocha 測試
• 除錯 Jest 測試

部落格文章:

• 直接從 VS Code 即時編輯並除錯您的 React 應用程式
• 使用 VS Code 為 Angular 提供強大的即時編輯與 JavaScript 除錯功能

Electron - 除錯 Electron 應用程式

Visual Studio Code 編輯器透過內建的 JavaScript 除錯器，支援 Electron 應用程式的除錯。

配方

• 除錯 Electron 的主行程 (Main process) 與渲染行程 (Renderer process)

後續步驟

• 除錯 - 閱讀關於 VS Code 通用除錯功能的介紹。
• Node.js 除錯 - 了解內建的 Node.js 除錯器。
• 影片：VS Code 除錯入門 - 學習如何在 VS Code 中進行除錯。