Sorting HTML and Pug/Jade attributes

Sorting of the tag attributes in the specified order.

HTML

Jade

Donate

If you want to thank me, or promote your Issue.

Sorry, but I have work and support for plugins requires some time after work. I will be glad of your support.

Install

• Press F1 and select Extensions: Install Extensions.
• Search for and select attrs-sorter.

See the extension installation guide for details.

Usage

• You can use global keyboard shortcut ALT+SHIFT+F or right-click context menu Format code.
• Or press F1 and run the command named Sorting of the tag attributes (attrs-sorter).

Supported languages

• HTML (+ HTML like languages)
• Jade (+ Pug)

Supported settings

attrsSorter.order

• Type: string[]
• Default: http://codeguide.co/#html-attribute-order

An array of attributes in the correct order. See posthtml-attrs-sorter#order for more details.

For example:

{
  "attrsSorter.order": ["data-.+", "aria-.+", "class"]
}

Keyboard shortcuts

For changes keyboard shortcuts, create a new rule in File -> Preferences -> Keyboard Shortcuts:

{
  "key": "ctrl+shift+c",
  "command": "attrsSorter.execute"
}

Changelog

See the Releases section of our GitHub project for changelogs for each release version.

License

This software is released under the terms of the MIT license.