How to structure html code using VS code?

Question

There is an HTML document in which there are no indents.

How to structure html code using VS code?
Using extensions or not using extensions.

The initial state of the HTML document.

The required state of the HTML document.

Winter · Accepted Answer · 2022-06-02 06:32:34Z

2

Right click in the file and select 'Format Document'. In Mac, the shortcut is 'Option + Shift + F'. VS Code has built in HTML CSS formatting.

answered Jun 2, 2022 at 6:32

Winter

3241 silver badge8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

MagnusEffect · Accepted Answer · 2022-06-02 06:33:12Z

0

Install Prettier extension and just Ctrl+Shift+I to structure/decorate the code

answered Jun 2, 2022 at 6:33

MagnusEffect

3,9954 gold badges28 silver badges63 bronze badges

HeartKush · Accepted Answer · 2022-06-02 07:38:47Z

0

You can press alt + shift + T or install Beautify extension, then press F1 and search beautfy, finally get your code indented.

answered Jun 2, 2022 at 7:38

HeartKush

34 bronze badges