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.
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)
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.