vue-fmt

A Vue format & beautify tool.

it use customed jsbeautify to format <template>
use prettier & prettier-eslint to format <script> <style>

can Indent and Sort root tags

Feature

• Sort Your Root Tags
• Indent Root Tags
• Newline between Root Tags
• Align <template> Html Attr

Install

apm install vue-fmt

# or

cd ~/.atom/package
git clone https://github.com/voodeng/vue-fmt && cd vue-fmt
npm install

Language Support

• Vue File, Components, the scope is text.html.vue
  • template, only html
  • pug & other late..
  • style, sass,scss,less,postcss use prettier parser postcss
  • script, javascript and typescript
• editorConfig

Custom Setting

Keymaps

'.editor':
  'alt-l': 'vue-format:format'

Tips

Setting -> Sort -> Sort enable

! it will delete other tags

if enable, will resort your code by sortOrder after formated,
only template, script, style 3 tags name support,
if only input 1 or 2, it will merged with origin code Sort

License

vue-fmt is MIT-licensed

by Voodeng