VS Code Settings Update / Frontend Debug Documentation #4346
Conversation
| @@ -4,6 +4,7 @@ | |||
| "esbenp.prettier-vscode", | |||
| "donjayamanne.git-extension-pack", | |||
| "msjsdiag.debugger-for-chrome", | |||
| "msjsdiag.debugger-for-edge", | |||
There was a problem hiding this comment.
This proposes to a developer when they open Visual Studio Code if they would like to install the Edge Debugger.
| "type": "edge", | ||
| "request": "attach", | ||
| "name": "Attach to Edge", | ||
| "port": 2015, |
There was a problem hiding this comment.
This is the default port that the configuration generated. There's no rhyme or reason for that particular port. If someone prefers another one, feel free to suggest the best port. 😉
| @@ -0,0 +1,27 @@ | |||
| --- | |||
There was a problem hiding this comment.
I followed how the other docs are written, so I'm assuming this will generate the documentation correctly. I did not see a script to generate this on my local.
There was a problem hiding this comment.
Found the docs for building documentation locally, https://docs.dev.to/contributing/
| @@ -4,6 +4,7 @@ | |||
| "esbenp.prettier-vscode", | |||
There was a problem hiding this comment.
There is a Firefox debugger extension for VS Code, but I have omitted for the time being because I was unable to get it running on my Mac. I will probably take a stab at this again when I have a little more time.
| @@ -5,6 +5,7 @@ items: | |||
| - webpacker.md | |||
| - preact.md | |||
| - liquid-tags.md | |||
| - debugging.md | |||
There was a problem hiding this comment.
After I added this, I checked the Netlify preview for the documentation and it all looks good.
There was a problem hiding this comment.
This looks great @nickytonline! Thanks for making a PR to improve the docs 🤠
Happy Hacktoberfest! 🎃
pr-triage
bot
added
PR: reviewed-approved
pr-triage
bot
added
PR: merged
* Added Edge debug configuration for VS Code. * Added frontend debug documentation. * Some copy updates. * Added the debugging docs to the TOC.
What type of PR is this? (check all applicable)
Description
This PR adds a section to the frontend documentation for debugging. It also includes a debug configuration for Edge for VS Code.
I am happy to change the wording if necessary or feel free to commit a change directly to this PR.
Related Tickets & Documents
Mobile & Desktop Screenshots/Recordings (if there are UI changes)
Added to documentation?
[optional] What gif best describes this PR or how it makes you feel?