序文
フロントエンドを開発するときは、多くの場合、いくつかの少ないSASSファイルまたはSASSファイルを記述しますが、これらのファイルは効果的にCSSファイルにコンパイルする必要があります。以前は、一部の自動化された構造ツールを使用して、プロジェクトファイルの変更をリアルタイムで聴くために使用され、一部の構成が必要でした。
Ideaのファイルウォッチプラグインは、簡単で便利な追加の構成なしで、ここで使用されます。
動作します
依存関係
プラグインの場所
ファイルウォッチを構成します
1.プロジェクトに新しい少ないファイルを作成します
新しい少ないファイルを作成します
2。低いファイルのファイル監視を構成します。
ファイルの上部にオブザーバーがファイルを有効にするかどうか、[はい]をクリックしていることがわかります。
'ファイルウォッチを設定します
出力パスの右端にある挿入マクロをクリックして、事前定義されたマクロとそれが表すコンテンツを確認します。
マクロインターフェイスに挿入します
最終レンダリング
最終的な構成
あなたは、より少ないものがリアルタイムでCSSファイルにコンパイルされていることがわかります
画像のリアルタイムコンパイル
追加
ファイルウォッチは、より少ないファイルを観察するだけでなく、ファイルの変更をリアルタイムで監視する操作を処理できます。アイデア構成で自分で構成できます。
ファイル監視場所
WindowsにSASSコンパイラをインストールすることは、C ++とPythonの両方で多くのことに依存するため、フロントエンドでSASSコンパイラを使用することはお勧めしません。 MacまたはLinuxでSASSを使用しても大丈夫ですが、Windowsで使用すると問題が発生します。 SASSと同様の機能が少なく、最終的にCSSにコンパイルされます。このような便利なツールを使用すると、直接使用しません。
要約します
上記は、FileWatchを使用してリアルタイムでコンパイルするためにINTELJアイデアの方法です。私はそれが誰にでも役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は、すべての人に時間内に返信します。 wulin.comのウェブサイトへのご支援ありがとうございます！