How to make vim alphabetically sort CSS rules within a single line?

问题:

Source:

.foo { line-height: 150px; font-size: 24px; clear: both; } 

vim magic here, probably something visual selection based

Result:

.foo { clear: both; font-size: 24px; line-height: 150px; } 

What do you suggest for the vim magic part?

回答1:

:s/\([{;]\)\s*/\1\r/g | '[+1,']sort | '[,']join 

Split the line on { or ; to get each rule into a separate line, :sort them (omitting the first line containing the CSS definition), then join them back together.

回答2:

Very quick answer:

:s/[{;] /\0\r vi{ :!sort va{ J 

回答3:

Another one-liner:

s/{\s*\zs.\{-}\ze\s*}/\=join(sort(split(submatch(0), '\s*;\s*')), '; ').';' 

This time we use sub-replace-\=, and list manipulation functions (sort(), split(), and join())

文章来源: How to make vim alphabetically sort CSS rules within a single line?