vbeautify is a Visual Studio Code extension that formats Vue files. It supports automatically adjusting the indentation and code formatting of Vue Single File Components (.vue files`), ensuring cleaner and more consistent code.
Features
Formats <template>, <script>, and <style> sections within .vue files.
Customizable formatting options, such as indentation size and choice of spaces or tabs.
Easily trigger formatting via the Command Palette or keyboard shortcuts.
Installation
Open Visual Studio Code.
Go to the Extensions view (click the Extensions icon on the left sidebar, or press Ctrl+Shift+X).
Search for vbeautify and click Install.
Usage
After installing the extension, open a .vue file.
Use the Command Palette (Ctrl+Shift+P or Cmd+Shift+P), then search for and select Format Document to format the current file.
You can also set up a keyboard shortcut to trigger the format command.
Contributing
Contributions are welcome! If you find any bugs or have feature suggestions, please feel free to open an issue or submit a pull request.
