css - vimでcssセレクターをソートするにはどうすればよいですか?

Question

scss ファイル内の css セレクター (およびプロパティ) をアルファベット順に並べたいと考えています。vimでこれができると確信しています（外部ツールを使用する必要がある場合でも）。次の並べ替えはどうしますか？

h2 { 
  color:red;
  background-color:green;
}
h1 {
  font-size:12px;
}

これに：

h1 {
  font-size:12px;      
}
h2 {
  background-color:green;
  color:red;
}

score 5 · Accepted Answer

あなたの単純な例では、次の 2 つのスニペットが機能しているように見えますが、より大きく、より複雑な css で失敗する可能性があるのではないかと心配しています。

プロパティを並べ替えるには、マクロを使用しました**:

:let @q = "/{^Mvi{:sort^M"|%norm! @q

^{** ここの ^M はで入力されていることに注意してくださいCtrl-vCtrl-m。}

説明：

セレクターを並べ替えるには、代用と並べ替えを使用しました。

:%s/\v([^}])\n/\1/g|%sort|%s/\v[;{]/&\r/g

説明：

末尾の空白はこれを少し落としますが、それはありませんよね? :)

score 0 · Accepted Answer

CSScombを試してください。このツールは、カスタマイズ可能な方法で CSS を並べ替えます。オンラインで試すことができます。

CSScomb のサイトから:

2 に答える 2