Code Formatting Extensions in VSCode

This brief tutorial is generally about being productive and forming good habits. Specifically, it is about using the Prettier VSCode extension to help you format your code and make it less error prone and easier for you and others to read.

Here are the snippets I added to the VSCode “settings.json” file:

“[javascript]”: {
“editor.defaultFormatter”: “esbenp.prettier-vscode”
},
“[html]”: {
“editor.defaultFormatter”: “esbenp.prettier-vscode”
},
“editor.codeActionsOnSave”: {
“source.fixAll”: true
},
“editor.defaultFormatter”: “esbenp.prettier-vscode”