代码之家  ›  专栏  ›  技术社区  ›  Tjorriemorrie

如何在phpstorm中使用指南针?

  •  16
  • Tjorriemorrie  · 技术社区  · 11 年前

    我知道这个问题: How to add Compass syntax support to Jetbrains PhpStorm? 但这无济于事。

    我只是选择了复制文件,这在我的项目中要容易得多。但是phpstorm仍然抱怨指南针。在没有指南针的情况下,它使用ruby 1.9.3编译scs没有问题。我的设置正确吗?

    enter image description here

    编辑 :

    这是给博士风暴6的-

    Compass is supported 在PhpStorm 7中+

    4 回复  |  直到 7 年前
        1
  •  28
  •   Andrey Mikhaylov - lolmaus    11 年前

    首先,您链接的问题是关于启用对Compass样式导入的支持,这是一种变通方法,并不适用于每个项目。

    你的问题是关于另一件事: 编译Compass项目 .

    这两个问题都将在PHPStorm的第7版中解决,该版本不会很快发布:第6版刚刚发布。目前,有很多变通办法。

    使用PHPStorm手动编译Compass项目

    1. 转到 外部工具 PHPStorm IDE设置部分。
    2. 创建 外部工具。将其命名为“指南针编译手册”或类似名称。
    3. 设置 程序 指向你的指南针二进制。在Windows上就像 C:\Ruby193\bin\compass.bat ,在Linux和Mac上 compass 。但如果你使用的是RVM,那么 程序 应该是 bash .
    4. 这个 参数 字段应为 compile 适用于所有操作系统,除非您正在使用RVM。对于RVM 参数 应设置为 –login -c "compass compile" .
    5. 这个 工作目录 字段应设置为 $ProjectFileDir$ .

    手动编译可以从 工具 菜单您也可以指定一个热键来更快地运行它。请确保热键不会与现有热键发生冲突。

    每当您保存更改时,让PHPStorm编译您的项目

    1. 确保您拥有最新的PHPStorm早期访问预览版。你可以从下载 here .
    2. 确保你有 文件查看器 已安装插件。转到 插件 PHPStorm IDE设置的部分,查找 文件查看器 。如果不在列表中,请通过安装 浏览存储库 并重新启动PHPStorm。
    3. 在PHPStorm中打开你的项目,如果你还没有完成的话。
    4. 转到 文件查看器 PHPStorm项目设置部分。
    5. 创建 文件查看器。使用 风俗 样板将您的观察程序命名为“Compass compile on save”或类似名称。
    6. 设置 文件类型 到SCSS或SASS,具体取决于您在项目中使用的是哪一个。
    7. 离开 范围 作为“项目文件”
    8. 设置 程序 指向你的指南针二进制。在Windows上就像 C: \Ruby193\bin\指南针.bat ,在Linux和Mac上 罗盘 。但如果你使用的是RVM,那么 程序 应该是 猛击 .
    9. 这个 论据 字段应为 编写 适用于所有操作系统,除非您正在使用RVM。对于RVM 论据 应设置为 登录-c“指南针编译” . 更新日期: @ezekiel victor认为这是: –login -c "compile --sass-dir=$ProjectFileDir$ --css-dir=$ProjectFileDir$" .
    10. 这个 工作目录 字段应设置为 $项目文件目录$ .
    11. 使残废 Check for syntax errors .
    12. 将其余部分留空并保存。

    现在,每当您将更改保存到任何SCSS或SASS文件时,PHPStorm都会告诉Compass编译该项目。

    更新 如果您使用Bundler( Gemfile 在你的项目中 bundle install 要获取依赖项),您应该使用 bundle exec compass compile 而不是 compass compile 。这意味着您必须使用 bundle 可执行文件( bundle.bat 在Windows上)而不是 罗盘 ( compass.bat )并调整 Arguments 字段。

    跑步 compass watch 在操作系统控制台中手动操作(推荐)

    跑步的问题 指南针汇编 它的速度很慢,因为每次执行时都会重新编译整个项目。

    相反,您可以运行 罗盘手表 使用操作系统控制台在项目文件夹中手动命令。Compass Watch将不断监控您的项目是否发生变化。当注意到更改时,它将只重新编译修改后的部分,这要快得多。

    Compass Watch足够智能,不会监视项目中的每个文件。它只监视非部分文件(例如。 screen.scss )和部分(例如。 _layout.scss )由任何非部分文件或递归导入的部分导入。

    如果您通过网络文件系统处理项目(例如,当使用虚拟机或开发服务器运行代码时),编译和跟踪更改会变得太慢。因此,使用远程/虚拟机时的最佳选择是运行 罗盘手表 以便在本地跟踪更改,而不是通过网络文件系统。

    重新定位指南针

    Compass缓存自己的工作,以加快编译速度。有时缓存会与项目内容不一致。这导致Compass报告各种奇怪的错误,并拒绝编译您的项目。

    一旦您觉得Compass报告的错误不是真的,请执行 compass clean 并重新编译您的项目。清理将清除Compass缓存和已编译的文件,以便从头开始。

    你可以跑步 罗盘清洁 在控制台中手动操作或将其添加为PHPStorm外部工具。

        2
  •  1
  •   Spencer Mark    11 年前

    如果它对任何人都有帮助的话——在Snow Leopard上,compass安装在以下目录中(显然路径中的版本号取决于安装的版本):

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

    所以对于 程序: 选项,您可以在那里选择它。

        3
  •  0
  •   LazyOne    11 年前

    请查看JetBrains问题跟踪器上相应票证(支持Compass)中的注释:即使在当前版本的IDE中,也很少有注释说明如何使其工作:

    http://youtrack.jetbrains.com/issue/WEB-5802#comment=27-471454

        4
  •  0
  •   Ueffes    7 年前

    我正在使用PhpStorm 2017.1.4

    在PhpStorm中设置Ruby路径变量并启用compass对我来说并不成功。

    我无法使用项目目录中的compass(“无法运行compass”),因为终端无法使用Ruby instal目录中的可执行文件解析命令compass。

    因此,我永久地设置了一个windows(使用win10)环境变量,如下所示 explanation .

    快速解释:

    • 假设您已经安装了ruby和compass。

    • 去: Control Panel -> System -> Advanced System Settings -> Environment Variables...

    • 添加 C:\Ruby22\bin 给你 PATH 变量

    • 重启PhpStorm

    进一步建议:

    如果您从其他系统导入项目,如果您删除 config.rb 归档并运行 compass init 从您的项目根目录。