1. Open het JavaScript-bestand waarvoor u fouten wilt opsporen:

Open het JavaScript-bestand in VS Code waarin u een breekpunt wilt instellen.

2. Klik op het pictogram 'Foutopsporing':

Klik op het pictogram "Debug" in het linkerpaneel van VS Code. Het lijkt op een afspeelknop. Hierdoor wordt het Debug-paneel geopend.

3. JavaScript-foutopsporing inschakelen:

Zorg ervoor dat "JavaScript" is geselecteerd als de foutopsporingsomgeving in het deelvenster Debuggen.

4. Stel een breekpunt in:

Klik op het regelnummer van de code waar u een breekpunt wilt instellen. Er verschijnt een rode stip naast het regelnummer, wat aangeeft dat er een breekpunt is ingesteld.

5. Begin met foutopsporing:

Klik op de knop "Start foutopsporing" in het foutopsporingspaneel. U kunt ook op de F5-toets drukken om het foutopsporingsproces te starten.

6. Onderzoek de variabelen:

Zodra de uitvoering het breekpunt bereikt, wordt de code gepauzeerd. U kunt de waarden van variabelen en expressies inspecteren door uw muis erover te bewegen in de code-editor.

7. Doorloop de code:

U kunt regel voor regel door de code lopen door op de knoppen 'Stap Over' of 'Stap In' in het Debug-paneel te klikken. "Step Over" gaat naar de volgende regel code zonder enige functieaanroep in te voeren, terwijl "Step Into" de functieaanroep zal invoeren.

8. Ga door met foutopsporing:

Zodra u klaar bent met het onderzoeken van de variabelen en het doorlopen van de code, kunt u doorgaan met het opsporen van fouten door op de knop 'Doorgaan' in het venster Debuggen te klikken.

9. Breekpunten verwijderen:

Om een ​​breekpunt te verwijderen, klikt u eenvoudig op de rode stip naast het regelnummer van het breekpunt.

Het gebruik van breekpunten in VS Code kan uw foutopsporingsproces aanzienlijk vergemakkelijken, omdat u een grondig inzicht krijgt in de stroom van uw code en hoe variabelen veranderen. Het is een essentiële vaardigheid die elke JavaScript-ontwikkelaar moet beheersen.