ホームページ >ウェブフロントエンド >htmlチュートリアル >ウェブストームにより、開発プラグインが少なくなります_html/css_WEB-ITnose

ウェブストームにより、開発プラグインが少なくなります_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-24 11:21:271378ブラウズ

原文

http://www.tuicool.com/articles/aeye6rY

から引用

それが何であるかは誰もが知りませんが、現在より人気のあるコンパイラは、それを解決する koala nodejs です。 koala についてはあまり説明しませんが、プロジェクトを変更した後に設定するだけで済みます。以下では、Webstorm との連携について説明します。

1.nodejs をダウンロードしてインストールし、環境変数を設定します。

インストール成功の結果

2、インストールless

cmdに

npm install less -g
と入力

lessのインストール結果、パスを覚えておいてください、後で役立ちます。

3. Webstorm で Less を設定します

Webstorm - ファイル - 設定 - ツール - ファイルウォッチャーを開き、緑色の + ボタンをクリックします

上記の内容を説明します。

プログラム:node.exeが配置されているディレクトリを選択します

引数:以前に記録したディレクトリでlesscファイルが配置されているパスを選択し、その後ろに$FileName$を追加します

作業ディレクトリ:変更する必要はありません

出力...: コンパイルされた CSS の保存先のパスを参照します。その後ろにある [挿入] ボタンは、コンパイルされた CSS ファイルが保存されるパスを設定する場所です。名前と接尾辞を指定する必要があります。これ以上は言いませんが、自分で理解してください。

皆さんありがとうございます

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。