1 简介
CSScomb是一个实现css代码自动排序,当然顺便也实现了代码的格式化。
CSScomb以插件的方式被广泛使用:
2 安装并配置
Sublime Text3以插件方式用Package Control进行安装
第一种方法:按下Ctrl+Shift+P(或者Preference -> Package Control) > 输入Install Package并回车,然后在列表中搜索并选择CSScomb插件进行安装。
注意:安装插件时保持网络畅通,避免插件由于网络原因奔溃。
- 打开Package Control
- 搜索安装CSScomb
- 配置CSScomb参数
设置的参数可以参考http://csscomb.com/config,可以根据个人喜好选择CSS风格。
一共有24项设置,最后生成参数如下图:
- CSScomb有3种配置方式,分别是默认配置(Settings-Default)、用户配置(Settings-User)、工程指定配置(放在工程目录下)
- 打开Preference > Package Settings > CSScomb 可以设置默认配置与用户配置,一般建议修改用户配置,用户配置会覆盖默认配置。
以下是CSScomb用户配置的内容,将其添加到用户配置(Settings-User)文件中:
- 另外对于工程指定配置,需要将如下配置保存为.csscomb.json并放在工程目录下。
- 默认的CSScomb格式化快捷键为ctrl+shift+c组合键,可以通过Preference > Package Settings > CSScomb > Key Bindings – Default进行修改。
- 格式化CSS代码可以通过快捷键或者在编辑界面右键选择Run CSScomb。
微信公众号
分享IT信息技术、北海生活的网站。提供北海本地化的信息技术服务。