vim-prettier

A vim plugin wrapper for prettier, pre-configured with custom default prettier settings.

By default it will auto format javascript, typescript, less, scss and css files that have "@format" annotation in the header of the file.

vim-prettier

INSTALL

Install with vim-plug, assumes node and yarn|npm installed globally.

" post install (yarn install | npm install) then load plugin only for editing supported files
plug 'mitermayer/vim-prettier', { 
    \ 'do': 'yarn install', 
    \ 'for': ['javascript', 'typescript', 'css', 'less', 'scss'] }

If using other vim plugin managers or doing manual setup make sure to have prettier installed globally or go to your vim-prettier directory and either do npm install or yarn install

Prettier Executable resolution

When installed via vim-plug, a default prettier executable is installed inside vim-prettier.

vim-prettier executable resolution:

Tranverse parents and search for Prettier installation inside node_modules
Look for a global prettier installation
Use locally installed vim-prettier prettier executable

USAGE

Prettier by default will run on auto save but can also be manualy triggered by:

<Leader>p

or

:Prettier

Configuration

Disable auto formatting of files that have "@format" tag

let g:prettier#autoformat = 0

The command :Prettier by default is synchronous but can be forced to be async

let g:prettier#exec_cmd_async = 1

Enable vim-prettier to run in files without requiring the "@format" doc tag

  autocmd BufWritePre *.js,*.css,*.scss,*.less call prettier#Prettier()

Overwrite default configuration

" max line lengh that prettier will wrap on
g:prettier#config#print_width = 80

" number of spaces per indentation level
g:prettier#config#tab_width = 2

" use tabs over spaces
g:prettier#config#use_tabs = 'false'

" print semicolons
g:prettier#config#semi = 'true'

" single quotes over double quotes
g:prettier#config#single_quote = 'true' 

" print spaces between brackets
g:prettier#config#bracket_spacing = 'false' 

" put > on the last line instead of new line
g:prettier#config#jsx_bracket_same_line = 'true' 

" none|es5|all
g:prettier#config#trailing_comma = 'all'

" flow|babylon|typescript|postcss
g:prettier#config#parser = 'flow'

REQUIREMENT(S)

If prettier installation can't be found no code formatting will happen