sass - Compass プロジェクトの構造とインポートを正しく処理する SASS コードを開発するためのエディタ/IDE は?

Question

私の Compass プロジェクトの構造は、Sublime Text や TextMate/E などのテキストエディターの機能を超えています。例：

変数/ミックスイン名の出力補完とリファクタリング機能が切実に必要です: 変数/ミックスインの名前をグローバルに変更する、インポートを壊さずにファイルを移動するなど.

最新の JetBrains IDE (RubyMine、PhpStorm、WebStorm、PyCharm) を試しましたが、Compass プロジェクト構造を処理できません。すべての変数は未定義であると見なされ、リファクタリングツールが失敗し、その他の厄介なことが起こります。例：

そのため、Compass を利用した SASS 開発に関して言えば、これらの有料 IDE は、少なくとも愚かではあるが機能するオートコンプリートを備えた vim のような一般的なプログラマーのエディターに譲歩します。

問題は、Compass を完全にサポートしているエディタと IDE は何ですか?

PS 私は Windows を使用していますが、任意の OS に一致するソフトウェアを提案してください。

score 2 · Accepted Answer

私は最近、同じ種類の制限に遭遇しました。これが私がしたことです。sass styleheets ディレクトリに移動し、Compass gem のディレクトリにあるコンパスフレームワークソースファイルへのシンボリックリンクを作成するだけです。

ここでいくつかのことを想定しています。

そうでない場合でも、恐れる必要はありません。私たちは道を見つけます。

この 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

最新のものでは、コンパスは重要なコンパスファイルがある場所です。そのため、プロジェクトにそのディレクトリを指すシンボリックリンクを作成する必要があります。そうすれば、IDE は、いわば「インクルードまたはインポートされたものがどこにあるかを把握します」。

このシンボリックリンクを作成するには? ターミナルでプロジェクトのスタイルシートディレクトリに移動し、次を実行します。

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

これにより、Compass 独自の変数、ミックスインなどの問題が解決されることを願っています。

カスタムのものに関しては、_base.scss/sass にすべてインポートすることをお勧めします。

私は Rubymine を自分で使用していますが、これまでのところこれが私のやり方です。

よろしく！

1 に答える 1