Ⅰ. 插件描述
Ⅱ. 基本信息
|
Ⅲ. 安装方法
使用Vundle管理器安装
在你的.vimrc下添加:Plugin 'atsushim/css-skelton-vim'
… 然后在Vim中运行以下命令:
:source %
:PluginInstall
对于Vundle版本 < 0.10.2,请用上面的Bundle替换Plugin。
使用NeoBundle管理器安装
在你的.vimrc下添加:NeoBundle 'atsushim/css-skelton-vim'
… 然后在Vim中运行以下命令:
:source %
:NeoBundleInstall
使用VimPlug管理器安装
在你的.vimrc下添加:Plug 'atsushim/css-skelton-vim'
… 然后在Vim中运行以下命令:
:source %
:PlugInstall
使用Pathogen管理器安装
在终端中运行以下命令:cd ~/.vim/bundle
git clone https://github.com/atsushim/css-skelton.vim
Ⅳ. 文档说明
:CssSkelton
g:cssskelton_typeが'css'の場合、
ページ全体のセレクタを生成します。
g:cssskelton_typeが'sass'の場合、
コマンドを実行した行のタグを起点にCSS形式の
タグ名、class、idのセレクタのスケルトンを生成します。
:CssSkeltonMono
コマンドを実行した行の最初のタグのCSSセレクタを
生成します。
SASS使用時に便利です。
:CssPaste
生成されたセレクタをペーストします。
※デフォルトではCssPasteコマンドで貼り付けを行います。
以下のグローバル変数を書き換えることで動作を変更できます。
" 形式
" let g:cssskelton_type = "css"
" let g:cssskelton_type = "sass"
" 生成されたセレクタをヤンク(pでペーストできる状態にする) 1:有効 0:無効
let g:cssskelton_autoyank = 0
" 出力しないタグ
let g:cssskelton_ignoretags = ['head', 'title', 'meta', 'link', 'style', 'script', 'noscript', 'object', 'br', 'hr', 'embed', 'area', 'base', 'col', 'keygen', 'param', 'source']
" 出力しないクラス
let g:cssskelton_ignoreclass = ['clearfix']
" 出力しないid
let g:cssskelton_ignoreid = []
" インデント
let g:cssskelton_indent = " "