You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: docs/recipes/developing-and-testing/debug-safe-app.md
+4-6Lines changed: 4 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -63,7 +63,7 @@ The exact instructions will depend on your browser, but essentially it simply in
63
63
## I'm using VS Code
64
64
VS Code allows "full stack" debugging i.e. both the client and server. Prerequisites that you should install:
65
65
66
-
#### 0. Install Prerequisites
66
+
### Install Prerequisites
67
67
68
68
***Install** either [Google Chrome](https://www.google.com/chrome/) or [Microsoft Edge](https://www.microsoft.com/en-us/edge): Enables client-side debugging.
69
69
***Configure your browser** with the following extensions:
@@ -73,22 +73,20 @@ VS Code allows "full stack" debugging i.e. both the client and server. Prerequis
73
73
*[Ionide](https://marketplace.visualstudio.com/items?itemName=Ionide.Ionide-fsharp): Provides F# support to Code.
1. Click the debug icon on the left hand side, or hit `ctrl+shift+d` to open the debug pane.
79
-
80
79
2. In the bar with the play error, where it says "No Configurations", use the dropdown to select ".NET 5 and .NET Core". In the dialog that pops up, select "Server.Fsproj: Server"
81
-
82
80
3. Hit F5
83
81
84
82
The server is now running. You can use the bar at the top of your screen to pause, restart or kill the debugger
85
83
86
-
#### 5. Debug the Client
84
+
### Debug the Client
87
85
88
86
1. Start the Client by running `dotnet fable watch -o output -s --run npx vite` from `<repo root>/src/Client/`.
89
87
2. Open the Command Palettek using `ctrl+shift+p` and run `Debug: Open Link`.
90
88
3. When prompted for a url, type `http://localhost:8080/`. This will launch a browser which is pointed at the URL and connect the debugger to it.
91
-
4. You can now set breakpoints in by opening files via the "Loaded Scrips" tab in the debugger; setting breakpoints in files opened from disk does NOT work.
89
+
4. You can now set breakpoints in your F# code by opening files via the "Loaded Scrips" tab in the debugger; setting breakpoints in files opened from disk does NOT work.
92
90
93
91
> If you find that your breakpoints aren't being hit, try stopping the Client, disconnecting the debugger and re-launching them both.
0 commit comments