如果您使用的是 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 > 首选项 > 设置 - 默认(或用户)中更改此完全相同的设置。
这太棒了,昨天我遇到了这个问题,而且真的很令人沮丧。 但是,由于 WordPress 是最流行的 CMS,并且您的大多数读者都在使用它,因此最终会被压缩的 WordPress CSS 文件是主主题文件夹中的“style.css”(需要它才能正确显示主题数据),它是从“less”文件夹中的所有 less 文件创建的。
由于我们不能排除整个主题文件夹,因此我们需要排除那个特定的 style.css 文件。 您能更新帖子,说明如何排除特定文件吗?
哦,我找到了一个指向文档的链接,该文档显示了如何执行此操作:https://text.sublime.net.cn/docs/2/projects.html.
Sublime 从未停止让我惊叹。
我用于 WordPress 的结构通常是
然后是 style.css
嘿,Chris,
对于 WordPress,不需要额外的 HTTP 请求。
只需在 sass 中使用响亮注释即可。
/*! 这不会被删除,因此您可以将主题内容放在其中 */
我在此处更多地介绍了这一点
http://jamesnowland.com/notes/wordpress-themes-in-sass-scss/
是的,完全正确,我现在就是这样做的。 我还让 Compass 开始监视更高一级别的文件夹,因此我能够在主题文件夹级别使用它。
我建议使用“点”作为路径。 这样,您只需将项目文件复制到新文件夹中,就可以开始一个新项目。 我已经使用它很长时间了。
旁注:这些代码块中的制表符未正确缩进。 并且“在 JSON 声明中似乎被转换为“,这会破坏有效的代码? 至少在评论预览中是这样。
啊,似乎评论预览有一些问题,实际帖子看起来不错。
在对 Coda 2 感到非常沮丧之后,我下载了 Sublime Text 2。 它看起来很棒,并且有很多我喜欢的功能。 但是,我怀念 Coda 拥有的直接 FTP/发布功能。 我知道这可能不是提出这个问题的合适论坛 - 但是有没有人可以提供建议/或向我推荐可以帮助我将文件发布到带有 Sublime Text 2 的 Web 服务器上的插件? 非常感谢!
我几乎可以肯定,ST2 有用于发布到 FTP 的软件包。 但是,我强烈建议使用版本控制,而不是直接使用 FTP 进行部署。 参见:https://css-tricks.cn/video-screencasts/109-getting-off-ftp-and-onto-git-deployment-with-beanstalk/
我完全同意 Chris 的观点,即使用版本控制。 但是,如果您仍在寻找 FTP 插件,那么这个插件非常有用。
http://wbond.net/sublime_packages/sftp
感谢 Chris/Ciriac。 我在一个我参与更大团队的持续项目中使用了 GIT……并且它很棒。 我还没有将其集成到我通常的日常项目中,在这些项目中,我不属于任何团队,并且使用的是更简单的 WordPress 或基于 HTML 的网站。 但是,是的,好的……感谢 Chris 提供的视频链接,我会查看一下。
我始终是在本地工作,然后远程发布 - 因此我始终只处理本地文件……但整个版本控制问题。 好的……我保证我会认真尝试! 再次感谢。
查看 webbynode,它们是一个云主机,也具有 GIT 集成。
Sublime Text 2 太棒了,这将为我节省一些时间,并可能让我更快乐。 感谢您
感谢您的提示,
我也很喜欢 Sublime Text 2。
添加一些信息。
在我的情况下,我在 scss 文件的同一文件夹中编译 css。 因此,我将以下行更改为
“folder_exclude_patterns”: [“css”]
为
“file_exclude_patterns”: [“style.css”]
对我有用。
很棒的提示,Chris。 排除您不会触碰的框架文件也很方便。
顺便说一句,您在开头的句子“如果您使用的是 Sublime Text 2”中遗漏了一个“not”。
干杯
有点偏题,但只要我们谈论 ST2 中的项目,就查看 Bit101 的插件,用于使用动态资产创建自定义项目模板
https://github.com/bit101/STProjectMaker
因此,我完全理解为什么您可能想要这样做,但请在效仿之前,真正考虑以下问题
如果您使用的是 CSS 预处理器,那么您应该养成定期查看 SASS/LESS/任何预处理器输出的编译 CSS 的习惯,以检查它是否正常。
这太容易了,尤其是当您刚开始使用预处理器时,最终可能会生成非常不理想的 CSS。 最典型的例子是过度使用嵌套,但像 @extending 包含 @extends 本身的类这样的表面上无害的事情会很快导致膨胀的规则,而这些规则实际上并不需要。
预处理器很棒,但能力越大,责任越大。编译后的 CSS 是实际传递给浏览器的,因此作为开发者,确保它适合目的(即尽可能精简)是我们工作的一部分。
此外,如果你在开发中输出超压缩的、可用于生产环境的编译后的 CSS,那么调试它将会非常困难。最好在开发中使用详细的、带有行号和注释的输出,然后在构建/部署过程中自动压缩/重新编译。
但是,你几乎肯定希望忽略你的 sass-cache/ 目录以及其中的 .scssc 文件,因为当你使用 ST2 进行搜索时,这些文件真的很烦人。
嗨,克里斯,感谢你的分享。我注意到你的截图有像 Chrome 一样的标签。你知道哪个应用程序允许这样做吗?我一直都在切换窗口!
非常感谢!
你网站上的大多数文章和技巧都非常棘手,当然也很迷人!
我自己也这样做,但我希望他们添加一种方法来排除文件夹,但仅从搜索中排除。我实际上有时确实想深入研究编译后的 CSS/JS,而且不得不离开 Sublime 来做这件事有点麻烦。
哇,太棒了。现在我不必再将它们与我的 .less 文件区分开来了。谢谢!
这里还有一种非常有用的方法
"file_exclude_patterns": ["*.min.js", "*.min.css", ....
http://www.laurencegellert.com/2012/09/sublime-2-tip-excluding-minified-project-files/
我认为有一个专门的属性可以用来从项目或项目搜索中排除文件
“file_exclude_patterns”:[“css”]
你可以在 这里 找到更多信息。
太棒了!这正是我要找的东西。