sponsor Vim development Vim logo Vim Book Ad

vim-autoprefixer : Adds CSS autoprefixer support to Vim.

 script karma  Rating 13/4, Downloaded by 981  Comments, bugs, improvements  Vim wiki

created by
Ioannis Kapoulas
 
script type
utility
 
description
With vim-autoprefixer you can use the power of Autoprefixer (https://github.com/ai/autoprefixer) without leaving vim. Write your CSS and add vendor prefixes automatically using values from Can I Use (http://caniuse.com/). Autoprefixer utilizes the most recent data from Can I Use to add only necessary vendor prefixes. It also removes old, unnecessary prefixes from your CSS.

vim-autoprefixer plugin works in normal and visual vim mode. Select a block of CSS code in visual mode hit F7 and aply prefixes on it, in normal mode the plugin processes the entire file.

Note that vim-autoprefixer interact with the user and promt for Autoprefixer options, if you don’t set any option and hit Enter vim-aytoprefixer continue with Autoprefixer default settings.
 
install details
vim-autoprefixer requires Node.js>=0.12.0 and Postcss plugin Autoprefixer-cli installed on your system.
Install and test autoprefixer-cli to make sure it's running properly.

npm install --global postcss-cli autoprefixer
postcss --use autoprefixer *.css -d build/

Install vim-autoprefixer.
You can install the plugin manually, just extract the zip file and place the content files in your .vim subfolders.

Place in ~/.vim/plugin/vim-autoprefixer.vim
and in ~/.vim/doc/vim-autoprefixer.txt
Or you can install it with Vundle or Pathogen

more on GitHub:https://github.com/Ioannis-Kapoulas/vim-autoprefixer
 

rate this script Life Changing Helpful Unfulfilling 
script versions (upload new version)

Click on the package to download.

package script version date Vim version user release notes
vim-autoprefixer-master.zip 2.0.0 2016-03-13 7.0 Ioannis Kapoulas vim-autoprefixer now works with postcss-cli
ip used for rating: 216.73.216.96

Questions about Vim should go to the maillist. Help Uganda.     Vim at Github