You must have the CYF VS Code extension pack installed and Prettier enabled. Don't use another formatter.
🧹 Formatting with Prettier
Using a shared formatting convention makes sure your "diffs" ( differences between the codebase and your changes) only show the code you intentionally wrote, and not a bunch of spaces or tabs. It will also help you read your own code as you work on it.
In Visual Studio open the settings file (Code > Preferences > Settings)
Search for editor format
Set editor.formatOnSave and editor.formatOnPaste to true
Set the "Default Formatter" to be Prettier
In your editor, write some html and save the file. It should be formatted (indented) automatically.
Maximum time in hours
.15
How to get help
Ask for help on Slack if you are having trouble with Prettier. We will work together on the same code in our components workshop, so if you don't have this set up, you will be blocked and unable to participate.
How to submit
It will be entirely obvious if you don't do this. 😜
From Module-HTML-CSS created by SallyMcGrath: CodeYourFuture/Module-HTML-CSS#53
Link to the coursework
CYF VS Code extension pack
Why are we doing this?
You must have the CYF VS Code extension pack installed and Prettier enabled. Don't use another formatter.
🧹 Formatting with Prettier
Using a shared formatting convention makes sure your "diffs" ( differences between the codebase and your changes) only show the code you intentionally wrote, and not a bunch of spaces or tabs. It will also help you read your own code as you work on it.
editor.formatOnSaveandeditor.formatOnPastetotrueMaximum time in hours
.15
How to get help
Ask for help on Slack if you are having trouble with Prettier. We will work together on the same code in our components workshop, so if you don't have this set up, you will be blocked and unable to participate.
How to submit
It will be entirely obvious if you don't do this. 😜