ウェブストームで Jade_html/css_WEB-ITnose のファイル ウォッチャーを設定する

Jade テンプレート エンジンを使用して HTML を記述すると、要素を閉じる必要がなく、要素を省略する方法がたくさんあり、非常に便利です。

自分が書いた内容が正しいかどうかを知るには、jade -w コマンドを使用して jade ファイルを監視し、変更があるたびにコンパイルする必要があります。

現在、多くの人が Webstorm を使用してコードを記述しています。Filewatcher メソッドを使用して、jade コマンドを関連付けて、HTML ファイルを自動的にコンパイルおよび生成できます。

手順:

1. もちろん、jade をインストールしている場合は無視してください。

npm install -g jade

2. Webstorm をセットアップし、jade 用の filewatcher を追加します

メニュー項目「ファイル」->「設定」をクリックし、開いた「設定」ダイアログの左側のオプションから「ファイル ウォッチャー」を選択します。ボックスをクリックし、右側の「+」アイコン（追加）をクリックします。

以下の図に従ってさまざまなパラメータを設定します。 注: 有効にするには、jade ファイルがプロジェクトに存在する必要があります。