I’m learning react and new to coding on VS code. I have installed few extensions like prettier and live server. I need help regarding some extensions and setting.

1. How to do you reduce the tab size in prettier between each tag and line (I’m talking about those vertical lines and tab spaces).

2. In the div inside the span, how do you stop prettier to break each property/attribute to new line if there is space available (sometimes it’s helpful but other time it just makes it difficult to read).

3. Any advice on an extension which could make each HTML tag in different colour so it could be easy to read them

4. How to open and edit settings.json file and how to make it work.

5. Any other extensions that I should install.

Thanks.