Compass アプリケーションの Sass および SCSS

1. Ruby をダウンロードしてインストールします(英語)。

2. JetBrains マーケットプレイスからプラグインをインストールする説明に従って、設定 | プラグインページのマーケットプレースタブに Compass プラグインをインストールして有効にします。

3. 設定でファイル監視プラグインが有効になっていることを確認します。Ctrl+Alt+S を押して設定を開き、プラグインを選択します。インストール済みタブをクリックします。検索フィールドにファイル監視と入力します。プラグインの詳細については、プラグインのマッピングを参照してください。

• 埋め込まれたターミナル（Alt+F12）で、次のように入力します。

  gem install compass

  Compass は、Ruby 実行ファイルと gem.bat ファイルが格納されているフォルダーにインストールされます。

• 埋め込まれたターミナル（Alt+F12）で、次のように入力します。

  compass create <the name of the application to be created>

• 空の PhpStorm プロジェクトを作成し、埋め込まれたターミナル（Alt+F12）を開いて、次のように入力します。

  cd <application folder> compass init

アプリケーションで Compass 対応のサポートをアクティブ化する

1. .sass または .scss ファイルを開く、@import 'compass' ステートメントの横にある赤いバルブをクリックするか Alt+Enter を押してから、候補リストから Compass の設定を選択します。

2. コンパスのサポートを使用可能にするチェックボックスを選択し、Compass 実行ファイルと conf.rb 構成ファイルへのパスを指定します。

すでにマシン上にあるアプリケーションソースを開く

• ウェルカム画面で開くをクリックするか、メインメニューからファイル | ディレクトリを開くを選択します。開いたダイアログで、ソースが保存されているフォルダーを選択します。

バージョン管理からアプリケーションのソースをチェックアウト

1. ウェルカム画面で VCS から取得をクリックします。

   あるいは、メインメニューからファイル | 新規 | バージョン管理からプロジェクト、Git | クローン、VCS | バージョン管理から取得を選択します。

   メインメニューの Git の代わりに、プロジェクトに関連付けられている他のバージョン管理システムが表示される場合があります。例: Mercurial または Perforce。

2. 表示されるダイアログで、リストからバージョン管理システムを選択し、アプリケーションソースをチェックアウトするリポジトリを指定します。詳細については、プロジェクトをチェックアウトする (クローン) を参照してください。

ファイルウォッチャーを作成する

1. 設定ダイアログ（Ctrl+Alt+S）で、ツールのファイル監視をクリックします。開くファイルウォッチャーページには、構成済みのファイルウォッチャーのリストが表示されます。

2. をクリックするか、Alt+Insert を押します。使用するツールに応じて、リストから定義済みテンプレート compass sass または compass scss を選択します。新規ウォッチャーダイアログが開きます。

3. プログラムフィールドで、実行可能ファイルへのパスを指定します。

   • Windows 用 compass.bat

   • Unix 用 compass および macOS

4. 引数フィールドに、使用するオペレーティングシステムに応じて、次のいずれかを入力します。

   • ディレクトリ全体を処理する compile $UnixSeparators($ProjectFileDir$)$

   • 1 つのファイルを処理する compile $UnixSeparators($FilePath$)$

   • ディレクトリ全体を処理する compile $ProjectFileDir$

   • 1 つのファイルを処理する compile $ProjectFileDir$ $FilePath$

   • ディレクトリ全体を処理する compile $ProjectFileDir$

   • 1 つのファイルを処理する compile $ProjectFileDir$ $FilePath$

5. ファイル監視に記載されている手順に従います。