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

时间:2013-03-28 12:59:25

标签: sass compass-sass

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

enter image description here

我迫切需要变量/ mixin名称aoutcompletion和重构功能:全局重命名变量/ mixins,移动文件而不破坏导入等。

我尝试过最新的JetBrains IDE(RubyMine,PhpStorm,WebStorm,PyCharm),但他们无法处理Compass项目结构。所有变量都被认为是未定义的,重构工具失败并且发生其他令人讨厌的事情。例如:

enter image description here

因此,当涉及Compass驱动的SASS开发时,那些付费的IDE会让普通程序员的编辑像vim一样,至少有愚蠢但仍在工作的自动完成。

问题是:哪些编辑器和IDE有完整的Compass支持?

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

1 个答案:

答案 0 :(得分:2)

我最近遇到了同样的限制。 这就是我做的。 只需转到sass样式表目录,并创建指向生活在Compass gem目录中的罗盘框架源文件的符号链接。

我在这里假设了几件事:

  • 您正在使用RVM来管理您的Ruby版本
  • 您正在使用bundler来管理您的Gems
  • 您使用的是基于Linux或os x的系统

如果不是这样的话恐怕不行!我们会找到方法。

如何找到这个Gem的Sass源文件的位置? 只执行:

bundle show compass

path_to_rvm_files /宝石/ your_ruby_version @ your_gemset /宝石/罗盘版本

当然,你的道路可能会有所不同,但这就是想法。

您应该导航到您将在其中找到名为frameworks的目录的目录,其中包含一些其他目录:

...
|_compass-xxxxx
  |_frameworks
    |_compass
      |_stylesheets
        |_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,这是我到目前为止的方式。

问候!