• Packages
  • Themes
  • Documentation
  • Blog
  • Discuss
Sign in

vue-fmt

A Vue file beautify & format tools
  • #vue
  • #vue-fmt
  • #vue-format
  • #vue-indent
  • #format
voodeng
30,450
3
  • Repo
  • Bugs
  • Versions
  • License
Flag as spam or malicious

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

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

  • [x] Vue File, Components, the scope is text.html.vue
    • [x] template, only html
    • [ ] pug & other late..
    • [x] style, sass,scss,less,postcss use prettier parser postcss
    • [x] 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

I think this package is bad news.

Good catch. Let us know what about this package looks wrong to you, and we'll investigate right away.

  • Terms of Use
  • Privacy
  • Code of Conduct
  • Releases
  • FAQ
  • Contact
with by