Format By Opening

Automatically format Angular-related files when they are opened or saved in VS Code.

Features

Format By Opening works with the following file types:

• TypeScript (.ts)
• HTML (.html)
• CSS (.css)
• SCSS (.scss)

It uses the Prettier formatter through VS Code, so your files are cleaned up automatically when you open or save them.

Requirements

This extension requires the official Prettier extension:

esbenp.prettier-vscode

You can install it from the VS Code Marketplace before using this extension.

Why Use This?

VS Code can format files on save, but formatting automatically when a file is opened usually requires custom behavior. This extension adds that behavior for Angular projects.

Extension Settings

This extension formats supported files automatically when they are opened and saved.

Currently supported files:

.ts
.html
.css
.scss