VS Code setup and usage recommendations

Extensions

Essentials

• Prettier
• ESLint
• MDX
• PostCSS Language Support (gets rid of warnings on tailwind directives)
• Tailwind CSS IntelliSense

Helpful

• Copy Path (Unix Style): If on windows, this allows to copy path of a file in unix style. Useful when executing commands like test:unit which don't understand windows paths.

Useful Settings

• Daniel likes "Format on save", because it let's write code without caring about formatting and just let prettier deal with it on save.
• Enable "Linked Editing"

Seeing pre-push errors

We validate the code before push. When you push with VS Code and the validation fails, you will only see which command fails but not the command output that tells you the error. You might want to get into the habit of executing the git push in a terminal to be able to see potential errors.