vim-pug-complete

Features

Based on official htmlcomplete.vim plugin so it completes:

• doctypes
• tags & attributes & attribute values
• fallback to javascript and css completions in related code portions
• classes and ids ( collected from style., link & @import)

Plus html5.vim data:

• html5 tags & attributes & attribute values
• SVG elements
• microdata.
• RDFa.
• WAI-ARIA.

Plus pug specific completions:

• blocks
• mixins

You could also use the following options to disable a specific attribute group:

let g:html5_event_handler_attributes_complete = 0 " Disable event-handler attributes
let g:html5_rdfa_attributes_complete = 0          " Disable RDFa attributes
let g:html5_microdata_attributes_complete = 0     " Disable microdata attributes
let g:html5_aria_attributes_complete = 0          " Disable WAI-ARIA attribute

Add to your .vimrc or filetype specific configuration ~/.vim/after/ftplugin/pug.vim

Installation

Use pathogen or plugin manager of your choise.

pathogen:

git clone https://github.com/dNitro/vim-pug-complete.git $HOME/.vim/bundle

Vundle:

Plugin 'dNitro/vim-pug-complete'

vim-plug:

Plug 'dNitro/vim-pug-complete', { 'for': ['jade', 'pug'] }

Usage

Hit <C-x><C-o> in insert mode everywhere you expect something to popup

OR

Fire up your autocomplete plugin and start typing

Related

Filetype detection, indentation and syntax highlighting:

• vim-pug

Credits

• Mikolaj Machowski - Official htmlcomplete.vim plugin
• Wei-Ko Kao - html5.vim plugin

License & Copyright

License

© 2016 Ali Zarifkar. All Rights Reserved.