[TECH ED] 🧰 Check your setup

[pedram-am]

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.

1. In Visual Studio open the settings file (Code > Preferences > Settings)
2. Search for editor format
3. Set editor.formatOnSave and editor.formatOnPaste to true
4. Set the "Default Formatter" to be Prettier
5. 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. 😜