あまりコンパイル自動ファイルを設定する方法WebStorm

まず、我々はコンピュータがNode.jsのインストールされていることを確認する必要があり、ダウンロード:https://nodejs.org/en/

インストールする場合のNode.jsは自動的にNPMをインストールします

少ない最初のものを自動的にコンパイルされたHTMLファイルのメモを設定する方法WebStorm

次に、モジュールlesscをインストール

CMDコンソールを開き

以下のモジュールをインストールするには、次のコマンドラインNPMを入力します。-gが現在のディレクトリにインストールされていない場合は、インストールグローバルです。

NPM以下をインストール  - グラム

自動コンパイラ少ないHTMLファイル最初の2つの音符を設定する方法WebStorm

インストール少ないプラグインクリーンCSSプラグ(圧縮コードにはあまりプラグ)

NPM少ないインストール- プラグイン- クリーン- CSS  - グラムを

自動コンパイラ少ないHTMLファイル最初の3つの音を設定する方法WebStorm

PHPStormの[ファイル]> [設定]> [ツール]> [ファイルウォッチャー少ない自動翻訳パラメータを追加

自動コンパイラ少ないHTMLファイル最初の4つの音を設定する方法WebStorm

あなたが特定できない場合PhpStromは自動的に、私はここにすることができます--clean-CSSパラメータが自動的にコード圧縮を追加します、あなたはそれが自動的に圧縮しないだろう、追加することはできませんNPM lessc.cmdファイルを検索し、手動でディレクトリをlessc.cmdファイルを認識しますコード。

5の少ないノートをコンパイル自動HTMLファイルを設定する方法WebStorm

だから、プロジェクトファイルに以下の編集時に、そして常に自動的にcssファイルを生成します

結果は以下の通りであります:

自動コンパイラ少ないHTMLファイルを設定する方法WebStormは張6ノート

おすすめ

転載: www.cnblogs.com/zcpblog/p/11346123.html