Skip to content
Permalink

Comparing changes

This is a direct comparison between two commits made in this repository or its related repositories. View the default comparison for this range or learn more about diff comparisons.

Open a pull request

Create a new pull request by comparing changes across two branches. If you need to, you can also . Learn more about diff comparisons here.
base repository: sveltejs/kit
Failed to load repositories. Confirm that selected base ref is valid, then try again.
Loading
base: 558553366fd0f08feb167adde82d77040b1d2f58
Choose a base ref
..
head repository: sveltejs/kit
Failed to load repositories. Confirm that selected head ref is valid, then try again.
Loading
compare: 187f3db926c02737d8f5501e724493e0732db738
Choose a head ref
Showing with 4 additions and 7 deletions.
  1. +4 −7 documentation/docs/60-appendix/{15-debugging.md → 25-debugging.md}
11 changes: 4 additions & 7 deletions ...entation/docs/60-appendix/15-debugging.md → ...entation/docs/60-appendix/25-debugging.md
View file
Original file line number Diff line number Diff line change
@@ -1,17 +1,14 @@
---
title: Debugging
title: Breakpoint Debugging
---

In addition to the [`@debug`](https://svelte.dev/docs/special-tags#debug) tag
and [Svelte Inspector](https://github.com/sveltejs/vite-plugin-svelte/blob/8bd5a0022f5dfa8ccedfa30f6f28c6e95c690efb/docs/inspector.md), you can also debug Svelte and SvelteKit projects using breakpoints within
various tools and development environments. This includes both frontend and
backend code.
In addition to the [`@debug`](https://svelte.dev/docs/special-tags#debug) tag, you can also debug Svelte and SvelteKit projects using breakpoints within various tools and development environments. This includes both frontend and backend code.

The following guides assume your JavaScript runtime environment is Node.js.

## Visual Studio Code

With the build-in debug terminal, you can set up breakpoints in source files within VSCode.
With the built-in debug terminal, you can set up breakpoints in source files within VSCode.

1. Open the command palette: `CMD/Ctrl` + `Shift` + `P`.
2. Find and launch "Debug: JavaScript Debug Terminal".
@@ -36,7 +33,7 @@ Here's an example `launch.json`:
"configurations": [
{
"command": "npm run dev",
"name": "Run npm start",
"name": "Run development server",
"request": "launch",
"type": "node-terminal"
}