01 - Check your setup #1 #1
Description
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.
In Visual Studio open the settings file (Code > Preferences > Settings)
Search for editor format
Set and to
Set the "Default Formatter" to be Prettier
In your editor, write some html and save the file. It should be formatted (indented) automatically.
How to get help
Ask for help on Slack if you are having trouble with Prettier. We will work together on the same files in some workshops, so if you don't have this set up, you will be blocked and unable to participate.