suggestion: adding `.vscode` folder to the repo

[unional]

This allow the environment to be configured so that they can produce consistent code.

For example, since the repo is using prettier, it's better to enforce using esbenp.prettier-vscode as the default formatter.

There are other useful settings such as:

• recommended extensions
• cSpell ignoring typo words
• json schemas
• enable eslint

If you are interested, I can help.

[alexpargon]

Hey @unional!

you are totally right, I just pushed on the latest RC a .vscode folder to add a launch.json for external debugging of the renderer and the main processes of Bazecor.

Feel free to add the typically enforced rules derived from the package usage of the app. I will also add here what I normally use so we can create a clean and easily maintainable repo:

I use:

• Xstate plugin: for the state machines of the FW flasher
• Todo Tree: to keep track of the sections that need a helping hand
• Eslint: linter
• Prettier: formater
• Error Lens: error highlight

• Console Ninja: allows console.log to appear on the code directly even if they come from the renderer.

  if you know any other plugins that can be useful feel free to add them! we can check them out and improve the out-of-the-box experience for everyone! 🥳

[unional]

To confirm, you are referring to these:

• Xstate plugin
• Todo Tree
• Eslint
• Prettier
• Error Lens
• Console Ninja

Here are the extensions I can recommend.

I separate them into 3 lists:

1. essential utilities that affects the quality of the code,
2. helper utilities that make it easier to develop (improving DX)
3. Cosmetic or one-off utilities that are nice to have.

I can add the extensions in list 1 (or also 2) in the .vscode/extensions.json. List 3 are optional and mostly for you to try them out.

List 1 - essential extensions

• Xstate plugin
• Eslint
• Prettier
• EditorConfig for VS Code
• Code Spell Checker: Useful to check spelling mistakes
• markdownlint: linting for markdown

List 2 - helper extensions

• Error Lens
• Console Ninja
• Todo Tree
• Better Comments: Highlight TODO and other comments making them easy to notice
• GitHub Pull Requests and Issues: Manage PRs and issues directly in VSCode
• Color the tag name
• Git Graph: Best Git visualization and management IMO
• Markdown All in One: Make it much easier to write markdown files
• Sort JSON objects: Sort JSON. 😆
• Sort lines: Useful to sort unstructured lines

List 3 - Cosmetic / One-off

• Material Icon Theme
• Version Lens: Useful to manually check and update dependencies.
• Sort package.json: Sort package.json. Consider as one-off as 99% people don't need to change package.json (disclaimer: I wrote this extension)