Prettify .vue files with Prettier
- Uses vue-template-compiler instead of regexp to parse .vue files
- same CLI args as prettier (can be used as a drop-in replacement)
Note that this is a temporary solution while waiting for Prettier to support Vue.js.
$ npm install --global vue-prettier
Make sure that you also have vue-template-compiler as a dev dependency (which should be the case if you use vue-loader or rollup-plugin-vue)
$ npm install --save-dev vue-template-compiler
$ vue-prettier --write my-component.vue
Install vim-prettier and set the prettier CLI executable path
let g:prettier#exec_cmd_path = "~/path/to/cli/vue-prettier"Follow the official Webstorm Setup and set the Program to vue-prettier
Visual Studio Code supports formatting .vue files thanks to the Vetur extension. More informations can be found in the formatting page.
This project wouldn't be possible without the great work on these projects
MIT © Olivier Ligot