从 Sublime Text 2 项目中排除压缩的 CSS

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。 立即开始使用 $200 免费积分!

如果您使用的是 Sublime Text 2,您可能已经切换到它,因为它“在项目中查找”功能非常快,而且很不错。 如果您使用的是 Sublime Text 2,这意味着您是在本地处理文件,这意味着您很有可能使用 CSS 预处理器。 如果您使用 CSS 预处理器,您可能将 CSS 编译成压缩样式(去除无关的空格),因为从速度上来说,这对实时网站来说是最好的。

现在假设您使用“在项目中查找”来查找需要编辑的类定义(例如“.sidebar-poll”)。 您可能会找到 .scss 文件或 .less 文件,或者其他文件,但您也会在压缩的 CSS 中找到它,这是一个巨大的单行文件,它完全破坏了您的“查找结果”页面。

是的,我真的不需要看到它。

我们不能责怪 Sublime Text 2,因为 1) 它找到了您告诉它查找的东西,并且 2) 他们提供了一种方法来解决这个问题,如果您不想看到这些查找结果。 为了解决这个问题

1. 保存您的项目

打开您的项目(将项目的文件夹拖放到停靠栏中的 Sublime Text 2 图标上)。 然后从“项目”菜单中保存它。


这很棒,因为您会得到一个文件(YOUR-PROJECT.sublime-project),您可以双击它将其重新打开到您上次离开时的状态。

2. 编辑项目

转到“项目”>“编辑项目”。

3. 添加排除模式

将 JSON 更改为包含您保存压缩 CSS 的文件夹的 folder_exclude_patterns(仅文件夹名称即可)。

{
  "folders":
  [
    {
      "path": "/Users/chriscoyier/GitHub/whatever/",
      "folder_exclude_patterns": ["css"]
    }
  ]
}

现在,该文件夹不会显示在项目侧边栏中。 万岁! 要从搜索结果中删除文件,请使用以下设置:

"binary_file_patterns": ["*.css", "*.log, *.min.js"],

注意

这是为了在每个项目的基础上排除文件夹。 如果您始终要排除特定文件夹,则可以在 Sublime Text 2 > 首选项 > 设置 - 默认(或用户)中更改此完全相同的设置。