ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

CSSOrder

由 lightningtgc ALL

腾讯 Alloyteam 编码风格 CSS 自动格式化器——Sublime 插件

详细信息

安装次数

  • 总次数 5K
  • Win 4K
  • Mac 1K
  • Linux 586
8月6日 8月5日 8月4日 8月3日 8月2日 8月1日 7月31日 7月30日 7月29日 7月28日 7月27日 7月26日 7月25日 7月24日 7月23日 7月22日 7月21日 7月20日 7月19日 7月18日 7月17日 7月16日 7月15日 7月14日 7月13日 7月12日 7月11日 7月10日 7月9日 7月8日 7月7日 7月6日 7月5日 7月4日 7月3日 7月2日 7月1日 6月30日 6月29日 6月28日 6月27日 6月26日 6月25日 6月24日 6月23日
Windows 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Mac 1 1 0 0 0 0 0 0 0 0 0 0 1 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0
Linux 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0

README

源代码
raw.​githubusercontent.​com

Sublime CSSOrder

CSSOrder 是一个 Sublime Text 的 CSS 文件格式化插件。

需要 Node.js

简介

CSSOrder 是一个带有腾讯 CSS 风格的 CSS 编码风格格式化器——Tencent CSS Style

它可以处理一些特殊情况，比如 'base64 url', 'single comment // ' 等等。

效果

使 CSS 代码成为以下编码风格

/* Final CSS code */
.some-style,
.same-style {
    position: relative;
    top: -2px;
    right: 0;
    bottom: 0;
    left: 5px;
    z-index: 100;

    display: inline-block;
    width: 20px;
    height: 20px;
    padding: 5px 10px;
    overflow: hidden;

    vertical-align: middle;

    color: #fff;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    background-color: rgba(82,157,218,.9);
    -webkit-background-clip: padding-box;
       -moz-background-clip: padding-box;
            background-clip: padding-box;
}

安装

  1. 安装 Node.js（如果您之前还没有安装）。

  2. 安装 Package Control。

  3. 按 ctrl+shift+p，然后输入 install 并按 Enter。

之后，输入 CSSOrder 以找到插件，并按 Enter 安装它。

手动安装

将 git 仓库克隆或 下载 到您的软件包文件夹中（在 SublimeText 中，找到 "浏览软件包..." 菜单项以打开此文件夹）

用法

按 ctrl+shift+o

或右键点击内容，选择 运行 Cssoeder。

自定义配置

  • 您可以通过打开

工具> Cssoeder> 设置 Cssoeder 配置

或右键点击内容并选择 设置 Cssoeder 配置 来编写自己的配置。

  • order_config 用于某些特殊情况（例如为每个块添加换行）。

comb_config 用于 CSSComb 的配置。

  • 保存文件时将自动格式化，

您可以通过在

设置 Cssoeder 配置 中将 format_on_save 设置为 false 来关闭自动格式化。

发布历史

  • v0.4.0：添加自定义配置以处理特殊情况。
  • v0.3.1：修复依赖库问题。
  • v0.3.0：支持 Sass 和 Less。
  • v0.2.1：提交给 Sublime Package Control。
  • v0.2.0：处理压缩文件。
  • v0.1.0：发布。