與代碼進(jìn)行調(diào)試後，一旦正確配置，請直接進(jìn)行調(diào)試。首先通過運(yùn)行和調(diào)試側(cè)欄設(shè)置啟動。 JSON文件，選擇您的環(huán)境（例如Node.js，Python），確保“程序”字段指向您的主文件，並從下拉列表中選擇正確的配置。接下來，通過單擊左邊邊距來使用斷點(diǎn)，並使用調(diào)試工具欄（F10），進(jìn)入（F11）或OUT（Shift f11）控制執(zhí)行。暫停時，通過懸?；驒z查變量部分檢查變量，並使用呼叫堆棧面板跟蹤函數(shù)調(diào)用。此外，通過將特定值添加到執(zhí)行過程中的動態(tài)跟蹤中來監(jiān)視特定值。
一旦您刪除了基礎(chǔ)知識，在VS代碼中調(diào)試代碼就很簡單。這不僅是設(shè)置斷點(diǎn)並逐步瀏覽代碼，還包括了解如何配置環(huán)境，檢查變量並使用直接構(gòu)建的編輯器中的工具。
設(shè)置您的啟動配置
在可以調(diào)試任何內(nèi)容之前，您需要一個適當(dāng)?shù)?code>launch.json文件。這告訴VS代碼您要調(diào)查的是哪種程序（例如Node.js，Python或C）以及如何啟動它。
- 您可以通過單擊左側(cè)欄上的運(yùn)行和調(diào)試圖標(biāo)來自動生成此問題，然後單擊“創(chuàng)建啟動啟動.json文件”。
- 選擇您的環(huán)境 - 無論是瀏覽器，本地服務(wù)器還是腳本。
- 確保
"program"字段指向您的主文件，尤其是在JavaScript/node.js之類的語言中。
如果您正在使用多個項目或環(huán)境，則最終可能會在此文件中使用多個配置。只需從下拉菜單中選擇正確的一個即可。
使用斷點(diǎn)和調(diào)試工具欄
設(shè)置後，調(diào)試將變成視覺和交互式：
- 單擊代碼行旁邊的左邊邊距以設(shè)置斷點(diǎn)- 執(zhí)行將暫停。
- 當(dāng)代碼暫停時，您可以懸停在變量上以查看其當(dāng)前值。
- 使用浮動調(diào)試工具欄來逐步，進(jìn)入或脫離功能（
F10，F11和Shift F11）。
有時，人們會想念您也可以右鍵單擊一行，然後選擇“重新啟動框架”以重新運(yùn)行，從而使快速測試有用，而無需重新啟動所有內(nèi)容。
檢查變量和呼叫堆棧
在斷點(diǎn)暫停時，請檢查側(cè)邊欄中的變量部分。它顯示了本地和全局變量，參數(shù)等。您甚至可以擴(kuò)展對象和陣列以更深入地挖掘。
呼叫堆棧面板有助於跟蹤您的代碼如何到達(dá)當(dāng)前點(diǎn)。如果某種功能鏈中的呼叫鏈中的某些內(nèi)容破裂，則該面板使追蹤更容易。
許多人忽略的一件事：您可以在手錶部分中添加表達(dá)式，以監(jiān)視特定值時，您可以逐步瀏覽代碼。它非常適合跟蹤變化狀態(tài)或複雜條件。
基本上，您需要開始進(jìn)行與代碼進(jìn)行調(diào)試。它功能強(qiáng)大，但一旦您知道在哪裡看，就不需要太多設(shè)置。
以上是如何在VS代碼中調(diào)試代碼？的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
如何在操作系統(tǒng)上下載並安裝VS代碼？
Jun 24, 2025 am 12:04 AM
TodownloadandinstallVisualStudioCode,firstchecksystemrequirements—Windows10 (64-bit),macOS10.13 ,ormodernLinuxdistributions—thenvisittheofficialwebsitetodownloadthecorrectversionforyourOS,andfollowinstallationstepsspecifictoyourplatform.Beginbyensuri
如何為Java開發(fā)設(shè)置VS代碼？
Jun 29, 2025 am 12:23 AM
要使用VSCode進(jìn)行Java開發(fā)，需安裝必要擴(kuò)展、配置JDK和設(shè)置工作區(qū)。 1.安裝JavaExtensionPack，包含語言支持、調(diào)試集成、構(gòu)建工具和代碼補(bǔ)全功能；可選裝JavaTestRunner或SpringBoot擴(kuò)展包。 2.安裝至少JDK17，並通過java-version和javac-version驗(yàn)證；設(shè)置JAVA_HOME環(huán)境變量，或在VSCode底部狀態(tài)欄切換多個JDK。 3.打開項目文件夾後，確保項目結(jié)構(gòu)正確並啟用自動保存，調(diào)整格式化規(guī)則、啟用代碼檢查，並配置編譯任務(wù)以優(yōu)化開
如何更改VS代碼中的縮進(jìn)設(shè)置（TABS與空格）？
Jun 23, 2025 am 12:05 AM
TochangeIndentationsettingsInvScode，OpenSettingSandToggle“ InsertSpaces” Toswitchbetweentabsandspaces.1.AdjustTaBsizeBysearchingfor“ tabSize” andsetTingyourPreferredValue.2.configureLangueage-specificettingtingsbyedtingsbyedithingthesettingsettings.jsonfi.jsonfi.jsonfi.jsonfie.jsonfi.jsonfi.jsonfi.jsonfi.jsonfi.jsonfi
如何使用VS代碼的設(shè)置同步功能？
Jul 03, 2025 am 12:43 AM
Tosyncvscodesettingsacrossdevices，signInwithAgithAgithagithubimicrosoftacCount，自定義WhatgetSsynced，andManallyTriggerGersyncWhenneed.first，OpenVScodeAdeAndeAndeAndeAndeAndeAndeAndeAndeAnInviachilecontrofileiconorCommandOnorCommandPaLetteStrite oftertpalittepalitte，
如何更改VS代碼中的字體大小？
Jun 27, 2025 am 12:37 AM
要更改VSCode的字體大小，可通過設(shè)置調(diào)整、編輯JSON文件或使用快捷鍵實(shí)現(xiàn)。首先，通過“文件>首選項>設(shè)置”（或Ctrl/Cmd ,）進(jìn)入設(shè)置界面，搜索FontSize並輸入數(shù)值可全局修改字體大??；其次，點(diǎn)擊設(shè)置右上角{}圖標(biāo)打開settings.json文件，添加"editor.fontSize":數(shù)值可精確控制，還可單獨(dú)設(shè)置終端、標(biāo)題等字體大小如{"terminal.integrated.fontSize":14,"title
什麼是VS代碼工作空間，如何使用？
Jul 10, 2025 pm 12:33 PM
VSCode工作區(qū)是一個用於保存項目特定配置的.code-workspace文件。 1.它支持多根目錄、調(diào)試配置、快捷鍵設(shè)置和擴(kuò)展推薦，適用於管理多個項目的不同需求。 2.主要場景包括多項目協(xié)作、定制開發(fā)環(huán)境和團(tuán)隊共享配置。 3.創(chuàng)建方式為通過菜單File>SaveWorkspaceAs...保存配置。 4.注意事項包括區(qū)分.code-workspace和.vscode/settings.json、使用相對路徑、避免存儲敏感信息。
如何自定義VS代碼編輯器外觀？
Jun 26, 2025 am 12:28 AM
要改變VSCode的外觀，可按以下步驟操作：1.更換主題：通過快捷鍵Ctrl KCtrl T打開主題選擇器，使用箭頭鍵預(yù)覽並按Enter應(yīng)用主題，或從擴(kuò)展市場安裝新主題；2.自定義字體和字號：在設(shè)置中搜索“Font”，調(diào)整字體類型如FiraCode、Consolas等及合適的字號，支持啟用字形連字；3.調(diào)整顏色高亮和UI元素：在設(shè)置中搜索“ColorCustomizations”並編輯顏色代碼以自定義語法高亮和界面顏色，還可調(diào)整側(cè)邊欄寬度和工具欄密度。通過這些步驟，可以提升編碼舒適度與效率。
