diff --git a/src/v2/cookbook/debugging-in-vscode.md b/src/v2/cookbook/debugging-in-vscode.md index fd2f0eb5af..9e9751c838 100644 --- a/src/v2/cookbook/debugging-in-vscode.md +++ b/src/v2/cookbook/debugging-in-vscode.md @@ -53,19 +53,19 @@ Click on the Debugging icon in the Activity Bar to bring up the Debug view, then 1. Set a breakpoint in **src/components/HelloWorld.vue** on `line 90` where the `data` function returns a string. -![Breakpoint Renderer](/images/breakpoint_set.png) + ![Breakpoint Renderer](/images/breakpoint_set.png) 2. Open your favorite terminal at the root folder and serve the app using Vue CLI: -``` -npm start -``` + ``` + npm start + ``` 3. Go to the Debug view, select the **'vuejs: chrome'** configuration, then press F5 or click the green play button. 4. Your breakpoint should now be hit as the new instance of Chrome opens `http://localhost:8080`. -![Breakpoint Hit](/images/breakpoint_hit.png) + ![Breakpoint Hit](/images/breakpoint_hit.png) ## Alternative Patterns