Being the language used in website designs, CSS is one of the languages supported by Vim's autocomplete feature.

To start using the feature, enter the following while in Vim's command mode.

Step-by-step video guide:
:set omnifunc=csscomplete#CompleteCSS

That will enable CSS auto-completion in Vim. To use it, press Ctrl + x followed by Ctrl + o while partially typing CSS codes.

The following is a sample screenshot.

You can use the arrow key to navigate through the list to choose your desired auto-complete suggestion.

Automatically enable auto-complete for CSS files

To automatically enable CSS auto-complete every time opening a CSS file, add the following line to your ~/.vimrc;

autocmd FileType css set omnifunc=csscomplete#CompleteCSS
Discuss the article:

Comment anonymously. Login not required.

Share!