2016-11-19 4 views
1

私はCSSを持っていて、少し熱狂しています。私は同じコラムにコロンを置くのが好きです(誰もがそれに同意するわけではありません...)。VIM - 表Css

特定の列にすべてのコロンを設定するようにVimに頼むことができますか?たとえば、番目の列としましょう。このような

body { 
    3  font-family: sans-serif; 
    4  background-color: #315481; 
    5  background-image: linear-gradient(to bottom, #315481, #918e82 100%); 
    6  background-attachment: fixed; 
    7 
    8  position: absolute; 
    9  top: 0; 
10  bottom: 0; 
11  left: 0; 
12  right: 0; 
13 
14  padding: 0; 
15  margin: 0; 
16 
17  font-size: 14px; 
18 } 
19 
20 .container { 
21  max-width: 600px; 
22  margin: 0 auto; 
23  min-height: 100%; 
24  background: white; 
25 } 

私の考えでは、このコードをフォーマットすることである

enter image description here

答えて

1

あなたが実際に(あなたが質問にコメントで回答している)Vimを実行しているので、I Align pluginをインストールすることをおすすめします。このプラグインを使用すると、例えば、行の範囲にそのAlign関数を適用することができます。:

:'<,'>Align [:;] 

コロンとセミコロンで現在選択されているビジュアルエリアを揃えます。たとえば、このコード:

.container { 
    max-width: 10px; 
    margin: 0 auto; 
    background: url('/path/to/image.png') top left no-repeat; 
} 

はこれに変換されます。

.container { 
    max-width : 10px           ; 
    margin  : 0 auto          ; 
    background : url('/path/to/image.png') top left no-repeat ; 
} 

注意、手動で'<,'>文字を入力する必要はありません。単にシフトと行の範囲を選択 - ダウンV(視線モードに入る)、複数の行を選択するためのプレスK、またはJ、または、その後、次のコマンドを入力します。:Align [:;]を押して入力します。

あなたは例えば、vimの設定ファイルで、このためのショートカットを作ることができます: - S - このマッピングによって

map <silent> <unique> <leader>ss :Align [;:]<cr> 

を、あなたは<leader>:Align [;:]関数を呼び出すことができ組み合わせ、 <leader>mapleaderコマンドで指定された特殊キーです。 (選択 - - 次に、上記のマッピングはでトリガされます

:let mapleader = "," 

:たとえば、あなたは、次のコマンドを使用して<leader>キーとしてキーを定義することができます行の範囲を指定し、ショートカットを押します)。