Install the following VS Code extensions:
Auto-formats syntax for multiple languages (on file save).
The extension is (pre)configured by placing .prettierrc and .prettierignore files into a project directory.
Install this extension from within VS Code by searching for "Prettier".
More on the extension can be found here.
Highlights JavaScript code-style errors inside the IDE.
The extension is (pre)configured by placing a .eslintrc file into a project directory.
Install this extension from within VS Code by searching for "ESLint".
More on the extension can be found here.
Checks english spelling and highlights errors.
The extension is (pre)configured in Workspace VS Code settings provided below under the key cSpell.
Install this extension from within VS Code by searching for "Code spell checker".
More on the extension can be found here.
Highlights certain keywords like "TODO", "FIXME" and "DOCS" allowing them to stand out in a code base.
The extension is (pre)configured in Global VS Code settings provided below under the key todohighlight.
Install this extension from within VS Code by searching for "TODO Highlights".
More on the extension can be found here.
Makes markdown syntax (- [ ] Item) render as as checkbox, same as it would on GitHub.
Install this extension from within VS Code by searching for "Markdown Checkboxes".
More on the extension can be found here.
Automatically renames closing XML/HTML tags as you rename the opening tag.
Install this extension from within VS Code by searching for "Auto Rename Tag".
More on the extension can be found here.
Allows running VScode inside the WSL context by running CLI command code . inside WSL instance. This makes sure all debugging and other context sensitive actions are executed directly inside WSL, and not under Windows.
Install this extension from within VS Code by searching for "Remote - WSL".
More on the extension can be found here.
Runs a web server instance serving up the working directory with full support for live reload.
Install this extensions from within VS Code by searching for "Live Server".
More on the extension can be found here.
Opens a shared collaborative session between remote VSCode users.
Install this extensions from within VS Code by searching for "Live Share".
More on the extension can be found here.
Adds interactive support for .http files in which it'll allow you to specify and execute HTTP requests. This can be used as live API documentation.
Install this extensions from within VS Code by searching for "REST Client".
More on the extension can be found here.
When running against a file, provides instant, runtime like, evaluation of in-code values. Great for quick prototyping.
Install this extensions from within VS Code by searching for "Quokka.js".
More on the extension can be found here.
Adds a print button for code files and markdown files.
Install this extension within VS Code by searching for "Print".
More on the extension can be found here.
Optionally install an alternative monospaced FiraCode font with coding friendly ligatures from here. To enable the usage of this font in VS Code change your settings:
"editor.fontFamily": "Fira Code, Consolas, 'Courier New', monospace, 'Segoe UI Emoji'"
or if you're using settings supplied here, you don't need to do anything.
Use VS Code settings supplied here to either copy and overwrite your local settings or to inform changes you need to make: