ホームページ > ウェブフロントエンド > CSSチュートリアル > Less構成環境のインストールの概要

Less構成環境のインストールの概要

高洛峰
リリース: 2017-03-15 12:29:22
オリジナル
1747 人が閲覧しました

1. SUBIME プラグインをインストールします

1. Less プラグインをインストールします: ctrl+sh

t+p>「less」と入力して Enter を押します 2. : ctrl+shift+p>パッケージのインストール> 「less2css」と入力して Enter を押します

機能:less ファイルを保存すると、同じ名前の CSS ファイルが自動的に生成され、コンパイル

エラー メッセージ

が表示されます。 ; プロジェクトディレクトリ内のすべてのlessファイルをcssファイルにバッチコンパイルします。 2.

Node.js

をインストールします 1. デフォルトでは、C:Program

File

snodejs にインストールされます。 2. C ドライブの Program Filesnodejs を開き、nodejs フォルダーの下にある npm を見つけて、関連する環境をインストールします。

3.win+R、cmdを入力して終了し、Enterを押してDOSウィンドウを表示します。環境

変数

はインストール中に自動的に構成されているため、node に直接入力して、node.js 対話モードに入ることができます:

Less構成環境のインストールの概要3。node に入った後、次のように入力できます: console.log("Hello, World!");テストしてみましょう:

Less構成環境のインストールの概要4. C ドライブの下に app フォルダーを作成し、app フォルダー内に test.js を書き込みます。

コードは次のとおりです:

var http =

require

("http");http.createServer(function(req, res) {

res.write

Head

( 200 , {"Content- Type": "text/html"}); res.write("

Node.js

");

res.write("

Hello World

" );

res.

end

("

beyondweb.cn

");}).list

en(3000);console.log("HTTP サーバーポート 3000 でリッスンしています。");

5. OK、DOS ウィンドウからアプリ フォルダーに入り、コマンド ウィンドウで [node test.js] を実行します。これにより、Web ページ上の JS にアクセスできるようになります。 URL http://www.php.cn/:3000 にアクセスしてください。普通にアクセスすればインストール成功です。

Less構成環境のインストールの概要

Less構成環境のインストールの概要 3. 少ないインストール

cmd: npm install -g less

less-plugin-clean-css プラグインのインストール: npm install less-plugin-clean-css

以上がLess構成環境のインストールの概要の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート