[Tooling] VSCode Debug configurations and project settings #705
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
This PR aims to make a contributor life easier by providing ready environment in VScode:
Provided ready to use debugging settings:
Launch Chrome - fires development server in background, and launches Chrome with configured source map support, so, things like breaking points works out of the box. Adjusted webpack configuration here to build source maps in development
Mocha Current File - allow to start debugging session from opened Mocha *.test.js file with all the breaking points, etc.
Mocha All files - the same, but run all suites, so, yo can start, for example, from a source file by setting a breakpoint.
Cypress Current File (that was the trickiest one 馃槴 ) - from an opened
*.spec.js
fires development server (if it's not online already) and launches Cypress in headed and non-exit mode and allows to unleash full debuggingTasks - configured tasks and problem marchers for
package.json
tasksProject settings - added further settings to prevent Prettier and built-in formatters conflicts, improve Intellisense on some files, and enforce file formats for Window-based contributors.
Adjusted
jsconfig.json
. Most important change here ischeckJs: true
- you will start to see some annoying false positive errors from VSCode (until we will have JSDoc typing everywhere), but it helps a lot with catching some hard to find errors, like this one (fixed in don't calculate pixel width of input聽#694) :Let's do Visual Studio Code great again, try CMD + Shift + B 馃槃