Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Vue Style SorterNew to Visual Studio Code? Get it now.
Vue Style Sorter

Vue Style Sorter

Kevin Rios Nicho

| (0) | Free
Alphabetically sorts SCSS styles within.vue files
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Vue Style Sorter

A VS Code extension to alphabetically sort SCSS styles inside .vue files.

Features

  • Sorts SCSS styles within <style> blocks in Vue files.
  • Works with scoped or unscoped <style> blocks.
  • Supports files with or without lang="scss".

Usage

  1. Open a .vue or .scss file in VS Code.
  2. Right-click inside the editor.
  3. Select Sort SCSS Styles from the context menu.
  4. The extension will sort your styles automatically.

License

MIT

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft