用于开发正确处理 Compass 项目结构和导入的 SASS 代码的编辑器/IDE？答案

【问题标题】：Editors/IDEs for developing SASS code that correctly handle Compass projects structure and imports?用于开发正确处理 Compass 项目结构和导入的 SASS 代码的编辑器/IDE？
【发布时间】：2013-03-18 22:17:21
【问题描述】：

我的 Compass 项目的结构已经超出了 Sublime Text 或 TextMate/E 等文本编辑器的功能。示例：

我迫切需要变量/mixin 名称的完成和重构功能：全局重命名变量/mixin，在不中断导入的情况下移动文件等。

我尝试过最新的 JetBrains IDE（RubyMine、PhpStorm、WebStorm、PyCharm），但它们无法处理 Compass 项目结构。所有变量都被认为是未定义的，重构工具失败和其他令人讨厌的事情发生。示例：

因此，当涉及到 Compass 驱动的 SASS 开发时，那些付费 IDE 会屈服于普通程序员的编辑器，例如 vim，它们至少具有愚蠢但有效的自动补全功能。

问题是：哪些编辑器和 IDE 具有完整的 Compass 支持？

PS 我在 Windows 上，但请建议任何操作系统的匹配软件。

【问题讨论】：

我假设你已经查看了ctags?
我确实研究了 ctags 和 cscope，但它们都不支持 Compass 开箱即用，并且网络上没有提到至少有人设法使其工作。例如，cscope 无法理解以缩进 .sass 语法的简短样式编写的导入。可以为 ctags/cscope 编写一些复杂的配置/脚本/hack，但这对我来说太难了。不过，我很乐意参与其中的测试。

标签： sass compass-sass

【解决方案1】：

我最近遇到了同样的限制。这就是我所做的。只需转到您的 sass 样式表目录并创建指向位于 Compass gem 目录中的 compass 框架源文件的符号链接。

我在这里假设几件事：

您正在使用 RVM 管理您的 Ruby 版本
您正在使用捆绑器来管理您的 Gems
您使用的是基于 linux 或 os x 的系统

如果不是这样，不要害怕！我们会找到方法的。

如何找到这个 Gem 的 Sass 源文件的位置？执行：

bundle show compass

path_to_rvm_files/gems/your_ruby_version@your_gemset/gems/compass-version

当然，您的路径可能会有所不同，但就是这样。

你应该导航到那个目录，你会在其中找到一个名为 frameworks 的目录，其中还有一些其他目录：

...
|_compass-xxxxx
  |_frameworks
    |_compass
      |_stylesheets
        |_compass

在最新版本中，compass 是您重要的指南针文件所在的位置。因此，您必须在项目中创建一个指向该目录的符号链接，然后您的 IDe 将“找出包含或导入的东西在哪里”，可以这么说。

如何创建这个符号链接？在终端上进入项目样式表目录并执行：

ln -s path_to_rvm_files/gems/your_ruby_version@your_gemset/gems/compass-version/frameworks/compass/stylesheets/compass/ compass

希望这能解决 Compass 自己的变量、mixins 等问题。

关于您的自定义，我的建议是将它们全部导入 _base.scss/sass。

我自己使用 Rubymine，这是我迄今为止的发展方向。

问候！

【讨论】：

他说他在 Windows 上。所以他不太可能已经在使用 Ruby on Rails。但是你可以很容易地做到：RailsInstaller，然后背负指南针......对吗？甚至使用 Web Storm？
确实如此。最近很多 IDE 和编辑器都支持 SASS 及其衍生框架。 WebStorm 有支持，Atom 也有。
然而，正如我所建议的那样，充分利用代码完成对于创建符号链接（或 Windows 中的“直接访问”）非常有用。至少这是到目前为止我的经验。