如何向Jetbrains PhpStorm添加Compass语法支持?

时间:2012-11-03 21:23:39

标签: css compass-sass phpstorm

我正在使用JetBrains PhpStorm,这可能是我用过的最史诗般的IDE。

问题很简单。如何向其添加Compass语法支持?我已经安装它,它渲染和工作,但PhpStorm仍然抱怨未定义的导入和mixins。

我该如何解决这个问题? Compass可以作为外部库包含吗?


编辑:我只想指出 this feature request 适用于RubyMine IDE(也适用于JetBrains),不适用于PhpStorm / WebStorm。

5 个答案:

答案 0 :(得分:19)

这是马丁答案的解释。 在sass文件夹中指向gem目录的符号链接效果很好。

指令(Windows)中

  1. 使用管理员权限打开cmd
  2. 更改项目sass文件夹的路径,例如cd projectname\sass
  3. 运行mklink /d compass $GEM_LOCATION\frameworks\compass\stylesheets\compass,对我来说是$ GEM_LOCATION = C:\dev\Ruby200\lib\ruby\gems\2.0.0\gems\compass-0.12.2
  4. 多数,现在PhpStorm不会将罗盘mixin强调为错误,并将其添加到自动填充建议中。

    警告:如果要删除已创建的符号链接,请勿使用删除,否则将删除源目录。 使用管理员权限cd $yourProjectSassPath打开cmd,然后运行rmdir compass

答案 1 :(得分:9)

正如上面提到的那样,它也可以将Compass样式表的路径添加为项目中的资源目录。

例如,我的指南针样式表位于: C:/Ruby200-x64/lib/ruby/gems/2.0.0/gems/compass-0.12.2/frameworks/compass/stylesheets

  1. 转到设置>项目设置>目录。
  2. 添加内容根
  3. 添加指南针样式表目录
  4. 点击资源根' (蓝色图标)
  5. 当您申请时,您将看到PhpStorm发现指南针样式表没有任何问题。您甚至可以在它们上按住Ctrl键并单击(窗口)直接打开它们。

    祝你好运!

答案 2 :(得分:3)

我通过将compass目录(来自$GEM_LOCATION/frameworks/compass/stylesheets/compass)的符号链接放到我的样式表所在的文件夹中来解决它。这更像是一种解决方法,但它让我和phpstorm-inspections / -autocompletion感到高兴。

答案 3 :(得分:3)

我认为最好在目录设置中添加目录:http://www.jetbrains.com/phpstorm/webhelp/directories.html

在上面的示例中,添加C:\ dev \ Ruby200 \ lib \ ruby​​ \ gems \ 2.0.0 \ gems \ compass-0.12.2的新内容根。

答案 4 :(得分:2)

通过使用更好的可执行文件源更容易解决这个问题。

来自:http://youtrack.jetbrains.com/issue/WEB-9139

在Windows中,使用可执行路径,如:

C:\Ruby200\lib\ruby\gems\2.0.0\gems\compass-0.12.2\bin\compass

在Mac上使用类似的东西:

/Library/Ruby/Gems/2.0.0/gems/compass-0.12.2/bin/compass