Skip to content

Commit 1f1917d

Browse files
committed
#2 Add FF debugger configuration, update readme
1 parent da0b54f commit 1f1917d

File tree

2 files changed

+20
-4
lines changed

2 files changed

+20
-4
lines changed

.vscode/launch.json

+15-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,19 @@
11
{
22
"version": "0.2.0",
33
"configurations": [
4+
{
5+
"type": "firefox",
6+
"request": "launch",
7+
"name": "vuejs: firefox",
8+
"url": "http://localhost:8080",
9+
"webRoot": "${workspaceFolder}/src",
10+
"pathMappings": [
11+
{
12+
"url": "webpack:///src/",
13+
"path": "${webRoot}/"
14+
}
15+
]
16+
},
417
{
518
"type": "chrome",
619
"request": "launch",
@@ -13,5 +26,6 @@
1326
},
1427
"sourceMaps": true
1528
}
16-
]
29+
}
30+
]
1731
}

readme.md

+5-3
Original file line numberDiff line numberDiff line change
@@ -18,13 +18,15 @@ After cloning the repository,
1818

1919
- `npm run serve` or `yarn serve`
2020

21-
Does an in-memory build of the project and hosts with the webpack dev server. Hot reloading and source maps included for debugging.
21+
Does an in-memory build of the project and hosts with the webpack dev server. Hot reloading and source maps included for in-browser debugging.
2222

2323
## Debugging
2424

25-
The project can be debugged inside of VSCode using the existing settings from the `./vscode` folder. After starting a development server with `yarn serve` / `npm run serve`, hitting F5 will launch VSCode's debugger and attach to the process. (Note: debugging is slightly buggy for the time being. See #2.)
25+
The project can be debugged inside of VSCode using the existing settings from `./vscode/launch.json`. After starting a development server with `yarn serve` / `npm run serve`, hitting F5 will launch VSCode's debugger and attach to the process. Launch configurations for Firefox and Chrome are present. They need the VSCode [debugger for firefox](https://marketplace.visualstudio.com/items?itemName=hbenl.vscode-firefox-debug) and [debugger for chrome](https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome) exensions, respectively.
2626

27-
Debugging / virtual DOM exploration is also available in the browser via [vue-devtools](https://github.com/vuejs/vue-devtools).
27+
As of now, only the firefox debugger is functioning reliably (see #2).
28+
29+
Component state / props / virtual DOM exploration is also available in the browser via [vue-devtools](https://github.com/vuejs/vue-devtools).
2830

2931
- [Firefox Addon](https://addons.mozilla.org/en-US/firefox/addon/vue-js-devtools/)
3032
- [Chrome Extension](https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd)

0 commit comments

Comments
 (0)