Windows に gulp をインストール -- Gulp (1)_html/css_WEB-ITnose に基づくフロントエンド統合ソリューション

1. 準備

1. npm とは

npm は、nodejs のパッケージ管理ツールであり、その主な機能はノード パッケージを管理、更新、検索、公開することです。 Gulp は NPM 経由でインストールされます。 NPM の中国語の紹介については、非常に優れた記事があります: http://www.cnblogs.com/chyingp/p/npm.html

完全な NPM ドキュメントについては、こちらを参照してください: https://docs.npmjs .com

2. Node.jsをインストールし、NPMを最新バージョンにアップグレードします

Nodejsのインストール：nodejs.orgを開いてnodejsインストールパッケージをダウンロードし、プロンプトに従ってインストールします。ここでは詳細は説明しません。

npm upgrade:nodejs をインストールした後、コマンドラインを開き、npm -v を実行します。バージョン番号が正しく表示されていれば、インストールに問題がないことを意味します。 npmの更新速度はnodejsの更新速度よりも速いため、すべての入力 sudo npm install npm -g を実行してnpmをアップグレードします

3. gitbash

Windows上のコマンドラインツールCMDは本当に使いにくいので、ここで代替案を推奨します。 gitbash をインストールすることをお勧めします。とにかくGITは必須なので、GITのインストール時にgitbashコンポーネントを選択するだけです。ここには GIT のインストールについてあまり説明がありません。質問がある場合は、返信で質問してください。

4. gulp とは

gulp の正式導入は、自動化されたビルド ツールでワークフローを強化することです。 ?? ワークフローを自動化して強化しましょう!使いやすさ、構築の速さ、高品質なプラグインの豊富さ、鬱学校など多くの利点があります。次の章ではgulpの素晴らしさを詳しく解説していきます！

2. gulpをインストールします

いよいよgulpの登場です。前の 3 つの手順にうんざりしている場合は、gulp をインストールするこの手順は単なる休憩です。 Gulp の開発チームは、複雑な設定や長い待ち時間を発生させずに、インストール プロセスを完璧にしました。早速、本題に入りましょう:

まず、gitbash ツールを開いて場所を見つけ、プロジェクト フォルダーを作成して入力し、次のコマンドを入力して gulp のインストールを完了します。

全局安装请执行$ npm install --global gulp进在项目目录安装我请输入$ npm install --save-dev gulp

次に、現在のディレクトリに gulpfile.js という名前の設定ファイルを作成し、次のコードを入力します。gulp が正しく動作するかどうかをテストするためだけに、ここに空のビューが作成されます。

var gulp = require('gulp');gulp.task('default', function() {  // place code for your default task here});

最後に $gulp を実行して gulp を実行します。 普通に以下のような情報を入力すれば、gulp がインストールされて正常に動作していることになります。

$ gulp[11:13:17] Using gulpfile xxx\gulpfile.js[11:13:17] Starting 'default'...[11:13:17] Finished 'default' after 44 μs$_

この時点で、gulp はインストールされました。次に行うことは、gulp の使用方法とその周囲の生態に慣れることです。