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

PostCSS 排序

by hudochenkov 所有

Sublime Text 插件,用于按指定顺序对 CSS 规则内容进行排序。

详细内容

安装

  • 总计 7K
  • Win 3K
  • Mac 3K
  • Linux 673
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 1 1 1 1 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 0 0 0
Mac 1 1 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 1 0 0 1 0 1 0 1 0 0 0 0 0 0 0 3
Linux 0 2 0 0 0 0 0 0 0 1 0 0 0 0 0 0 0 0 0 0 0 1 0 1 2 0 0 0 0 0 0 0 0 1 0 0 0 2 0 0 0 0 0 0 0

自述文件

源代码
raw.githubusercontent.com

sublime-postcss-sorting

Sublime Text 插件,用于按指定顺序对 CSS 规则内容进行排序。由 postcss-sorting 提供动力。

仅适用于 CSS、SCSS 和 PostCSS。

安装

使用 Package Control 安装 PostCSS Sorting 并重新启动 Sublime Text。

您需要安装 Node.js 6+。
确保它在您的 $PATH 中,通过在命令行中运行 node -v 来检查。
在 OS X 上,您需要确保它在 /usr/local/bin 中,或者将其链接到那里。

入门

在 CSS 或 PostCSS 文件中,打开命令面板(Cmd + Shift + P (OS X),Ctrl + Shift + P (Windows/Linux))并选择 运行 PostCSS 排序。您可以选择创建一个或多个选择,然后再运行该命令,这样就可以只对这些部分进行排序。它应该是整个规则。

存在键盘快捷方式:Ctrl + Shift + S (OS X),Ctrl + Alt + Shift + S (Windows/Linux)。

选项

(首选项→包设置→PostCSS 排序→设置)

您可以指定排序顺序和其他选项。有关所有选项的说明,请参阅 postcss-sorting 文档

默认

{
    "sort-on-save": false
}

项目设置

您可以根据个别项目覆盖默认和用户设置。只需将 "PostCSSSorting" 对象添加到项目 .sublime-project 文件中的 "settings" 对象,其中包含您的 项目特定设置

示例

{
    "settings": {
        "PostCSSSorting": {
            "properties-order": ["padding", "margin"],
            "sort-on-save": true
        }
    }
}

鸣谢

此插件基于 Sindre Sorhus 的 sublime-autoprefixer 插件