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 主要和渲染器程序

後續步驟

• 偵錯 - 閱讀關於一般 VS Code 偵錯功能的資訊。
• Node.js 偵錯 - 了解內建的 Node.js 偵錯工具。
• 影片：VS Code 偵錯入門 - 了解 VS Code 中的偵錯。