vue-fmt

A Vue format & beautify tool.

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

can Indent and Sort root tags

Feature

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

feature

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