---

Ⅰ. 插件描述

CSScomb plugin for Vim. Tool for sorting CSS properties in specific order.

Ⅱ. 基本信息

创建日期：  2011-11-30 使用用户：  116 Github星：  138 插件作者：  CSScomb

Ⅲ. 安装方法

使用Vundle管理器安装

在你的.vimrc下添加:

Plugin 'csscomb/vim-csscomb'

… 然后在Vim中运行以下命令:

:source %
:PluginInstall

对于Vundle版本 < 0.10.2，请用上面的Bundle替换Plugin。

使用NeoBundle管理器安装

在你的.vimrc下添加:

NeoBundle 'csscomb/vim-csscomb'

… 然后在Vim中运行以下命令:

:source %
:NeoBundleInstall

使用VimPlug管理器安装

在你的.vimrc下添加:

Plug 'csscomb/vim-csscomb'

… 然后在Vim中运行以下命令:

:source %
:PlugInstall

使用Pathogen管理器安装

在终端中运行以下命令:

cd ~/.vim/bundle
git clone https://github.com/csscomb/vim-csscomb

Ⅳ. 文档说明

# CSScomb plugin for Vim

About

Plugin based on CSScomb algorithm.

The algorithm of CSScomb simulates web-technologists actions upon working with CSS-code to the limit. Usually to re-order code you move lines over each other considering comments in the code, multilines records of property values, hacks and everything that could be found in the real file. CSScomb reproduces these actions for you. This means that the parser "thinks" as a person editing the text, not as a blind robot parsing CSS.

For more info, online demo and tests see csscomb.com

The Requirements

CSScomb is written in pure JavaScript. Install with:

npm install -g csscomb

Installation

With Pathogen

cd ~/.vim/bundle
git clone https://github.com/csscomb/vim-csscomb.git

With Vundle

Add this to .vimrc:

Bundle 'git://github.com/csscomb/vim-csscomb.git'

With NeoBundle

Add this to .vimrc:

NeoBundle 'csscomb/vim-csscomb'

Manual without plugins manager

git clone https://github.com/csscomb/vim-csscomb.git csscomb
cp -r csscomb/plugin/* ~/.vim/plugin/

Usage

Vim command:

:CSScomb

Suggested Configuration

" Map bc to run CSScomb. bc stands for beautify css
autocmd FileType css noremap <buffer> <leader>bc :CSScomb<CR>
" Automatically comb your CSS on save
autocmd BufWritePre,FileWritePre *.css,*.less,*.scss,*.sass silent! :CSScomb