技巧101 将CSS文件中所有规则的属性按字母排序

对单条规则的属性进行排序
- 文本
html {
margin:0;
padding:0;
border:0;
}
- 执行命令
vi{
:'<,'>sort
- 执行后文本
html {
border:0;
margin:0;
padding:0;
}
对所有规则的属性进行排序
- :g/{pattern}/[range][cmd]
:g/{/ .+1,/}/-1 sort
-
上例分析
- .符号代表当前行
- +1,-1代表偏移量
- .,/}/ 表示从当前行开始,一直匹配模式/}/的那一行为止。
-
:global命令的广义形式
:g/{start}/ .,{finish} [cmd]
本文介绍了如何使用Vi编辑器对CSS文件中的规则属性进行排序。通过`:sort`命令,可以方便地对单条规则及所有规则的属性进行字母顺序排序,提升代码的整洁度和可读性。这一技巧对于前端开发者优化代码组织具有实用性。

被折叠的 条评论
为什么被折叠?



