Sublime text3安装CSScomb格式化插件

2019年2月27日21:22:53 发表评论 404

1       简介Sublime text3安装CSScomb格式化插件

CSScomb是一个实现css代码自动排序,当然顺便也实现了代码的格式化。

CSScomb以插件的方式被广泛使用:

Sublime text3安装CSScomb格式化插件

2       安装并配置

Sublime Text3以插件方式用Package Control进行安装

第一种方法:按下Ctrl+Shift+P(或者Preference -> Package Control) > 输入Install Package并回车,然后在列表中搜索并选择CSScomb插件进行安装。

注意:安装插件时保持网络畅通,避免插件由于网络原因奔溃。

  1. 打开Package Control
    Sublime text3安装CSScomb格式化插件
  2. 搜索安装CSScomb
    Sublime text3安装CSScomb格式化插件
  3. 配置CSScomb参数

设置的参数可以参考http://csscomb.com/config,可以根据个人喜好选择CSS风格。

Sublime text3安装CSScomb格式化插件

一共有24项设置,最后生成参数如下图:

Sublime text3安装CSScomb格式化插件

  1. CSScomb有3种配置方式,分别是默认配置(Settings-Default)、用户配置(Settings-User)、工程指定配置(放在工程目录下)
  1. 打开Preference > Package Settings > CSScomb 可以设置默认配置用户配置,一般建议修改用户配置,用户配置会覆盖默认配置。

以下是CSScomb用户配置的内容,将其添加到用户配置(Settings-User)文件中:

Sublime text3安装CSScomb格式化插件

  1. 另外对于工程指定配置,需要将如下配置保存为.csscomb.json并放在工程目录下。
    Sublime text3安装CSScomb格式化插件
    Sublime text3安装CSScomb格式化插件
  2. 默认的CSScomb格式化快捷键为ctrl+shift+c组合键,可以通过Preference > Package Settings > CSScomb > Key Bindings – Default进行修改。
  3. 格式化CSS代码可以通过快捷键或者在编辑界面右键选择Run CSScomb。
    Sublime text3安装CSScomb格式化插件
weinxin
微信公众号
分享IT信息技术、北海生活的网站。提供北海本地化的信息技术服务。
路飞

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: