VS Code PostCSS Sorting插件：高效排序CSS规则的最佳工具

PostCSS Sorting是VS Code的一款强大插件，旨在帮助开发者按指定顺序对CSS规则内容进行排序。借助postcss-sorting的力量，您可以轻松管理和优化您的样式代码。

安装指南

要安装PostCSS Sorting插件，请按以下步骤操作：

1. 按下F1键，选择“Extensions: Install Extensions”。
2. 搜索并选择“postcss-sorting”。

有关详细的安装指南，请参阅扩展程序安装指南。

使用方法

使用PostCSS Sorting插件非常简单，只需按下F1键并运行名为“PostCSS Sorting: Run”的命令即可。

支持的语言

PostCSS Sorting插件支持以下语言：

• CSS
• PostCSS
• Less
• SCSS

配置选项

您可以为单个项目覆盖默认和用户设置，只需在settings.json文件中添加一个postcssSorting对象即可。例如：

{
  "postcssSorting.config": {
    "order": [
      "custom-properties",
      "dollar-variables",
      "declarations",
      "at-rules",
      "rules"
    ],
    "properties-order": ["display", "position", "top", "right", "bottom", "left"]
  }
}

有关所有规则和预定义配置，请参阅postcss-sorting文档。我们还支持以下配置方式：

• postcssSorting作为以.或~或/开头的字符串
• package.json中的postcssSortingConfig属性
• .postcss-sorting.json
• postcss-sorting.json
• POSTCSS_SORTING_CONFIG环境变量

键盘快捷键

要更改键盘快捷键，请在“文件”->“首选项”->“键盘快捷键”中创建新规则：

{
  "key": "ctrl shift c",
  "command": "postcssSorting.execute"
}

更新日志

有关每个发布版本的更新日志，请参阅我们GitHub项目的“Releases”部分。

许可证

此软件根据MIT许可证条款发布。