如何为 Jetbrains PhpStorm 添加 Compass 语法支持？答案

【问题标题】：How to add Compass syntax support to Jetbrains PhpStorm?如何为 Jetbrains PhpStorm 添加 Compass 语法支持？
【发布时间】：2012-10-24 04:45:26
【问题描述】：

我正在使用 JetBrains PhpStorm，这可能是我用过的最出色的 IDE。

问题很简单。如何为其添加 Compass 语法支持？我已经安装了它，它渲染和工作，但 PhpStorm 仍然抱怨未定义的导入和混合。

我该如何解决这个问题？ Compass 是否可以作为外部库包含在内？

编辑：我只想指出，this feature request 是针对 RubyMine IDE（也由 JetBrains 提供），而不是针对 PhpStorm/WebStorm。 p>

【问题讨论】：

youtrack.jetbrains.com/issue/RUBY-8299 我猜
@LazyOne：别这么认为，它列在 Ruby 项目下，而不是 WebStorm/PhpStorm 之一。
如果这是唯一的原因——那你就错了，恐怕。 RubyMine 中 JavaScript 或部署 (S/FTP/S) 或 HTML 或拼写检查器等的任何问题都将转移到 PhpStorm 项目，因为它是此类问题的根源。同时，Ruby 项目也是 SASS/SCSS/LESS/HAML 问题的发源地。您必须记住 Compass 构建在 SASS 之上，PhpStorm 中的 SASS/SCSS 支持是通过插件完成的（几乎所有功能都是如此）。因此，这是正确的问题。

标签： css compass-sass phpstorm

【解决方案1】：

我通过将compass-目录（来自$GEM_LOCATION/frameworks/compass/stylesheets/compass）的符号链接放入我的样式表所在的文件夹中解决了这个问题。这更像是一种解决方法，但它让我和 phpstorm-inspections/-autocompletion 很高兴。

【讨论】：

什么是符号链接？注意我运行的是 Windows。
@MadaraUchiha：这对我不起作用，你能详细说明一下过程吗？
安装 compass 时，所有的 .scss 文件都会安装到某个位置，这可能取决于您的 ruby 安装所在的位置（您可以使用命令 gem environment 找出路径，寻找INSTALLATION DIRECTORY，应该类似于.../Ruby192/lib/ruby/gems/1.9.1）。在此目录中，您会找到 compass-gem，其中又包含上述目录。
对于符号链接，您可以尝试复制文件，但您应该确保将它们从您的项目版本控制中排除...

【解决方案2】：

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

说明（Windows）

以管理员权限打开 cmd
更改项目 sass 文件夹的路径，例如 cd projectname\sass
运行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

就是这样，现在 PhpStorm 不会将 compass mixins 突出显示为错误，并将它们添加到自动完成建议中。

警告：如果你想删除创建的符号链接不要使用删除，它将删除源目录。用管理员权限打开cmd，cd $yourProjectSassPath，然后运行rmdir compass

【讨论】：

谢谢。它对我不起作用，CMD 说符号链接已经创建，但是当我用资源管理器打开时我没有看到任何新文件，而且 PhpStorm 仍然无法识别它们。
删除compass后面的斜线后，它起作用了。非常感谢:)
添加了 compass 和 aurora 样式表目录作为符号，没有这样做
我还应该注意，在 PHPStorm 中，IDE 不会识别任何 compass mixins、变量等，无论它们位于项目中的哪个位置。
仍然得到：error main.scss (Line 2: File to import not found or unreadable: compass. import 语句必须是什么？ @import 'compass';?

【解决方案3】：

我觉得在目录设置中添加目录比较好：http://www.jetbrains.com/phpstorm/webhelp/directories.html

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

【讨论】：

添加正确的文件夹不如符号链接解决方案好，因为您无法很好地控制指南针源文件的范围。使用符号链接，您可以确切地知道自己得到了什么。

【解决方案4】：

正如上述用户所说，它还可以将 Compass 样式表的路径添加为项目中的资源目录。

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

转到设置 > 项目设置 > 目录。
添加内容根
添加罗盘样式表目录
点击“资源根”（蓝色图标）

当您申请时，您会看到 PhpStorm 可以毫无问题地找到指南针样式表。您甚至可以 ctrl+click (windows) 直接打开它们。

祝你好运！

【讨论】：

+1 它有效，但在我的情况下： 3. 添加“.../frameworks/compass”作为内容根目录 4.在树视图中选择“样式表”文件夹。 5. 点击“资源根”（蓝色图标）
绝对是最好的解决方案。只是在 Linux 上的 Ruby 2.0.3 中添加 stylesheets 目录对我不起作用，我必须包含父目录 compass-core-1.0.3 。

【解决方案5】：

使用更好的可执行文件源可以更轻松地解决此问题。

发件人：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

【讨论】：