Gulp-installation

提供:Dev Guides
移動先:案内検索

Gulp-インストール

この記事では、Gulpのインストール手順を段階的に説明します。

Gulpのシステム要件

  • オペレーティングシステム-クロスプラットフォーム
  • ブラウザのサポート-IE(Internet Explorer 8 +)、Firefox、Google Chrome、Safari、Opera

Gulpのインストール

Gulpインストール

zipファイルの最新機能バージョンをダウンロードします。

  • ステップ2 *-次に、セットアップを実行して、_NodeJs_をコンピューターにインストールします。
  • ステップ3 *-環境変数を設定する必要があります。

パスユーザー変数

  • [マイコンピュータ]を右クリックします。
  • プロパティを選択します。
  • [詳細設定]タブを選択し、[環境変数]をクリックします。

Gulp Installation

  • [環境変数]ウィンドウで、次の画面に示すようにPATHをダブルクリックします。

Gulpインストール

  • 次のスクリーンショットに示すように、ユーザー変数の編集ウィンドウが表示されます。 Node.jsフォルダーパスを変数値フィールドにC:\ Program Files \ nodejs \ node_modules \ npmとして追加します。 パスが既に他のファイルに設定されている場合は、その後にセミコロン(;)を追加し、次のスクリーンショットに示すようにNode.jsパスを追加する必要があります。

Gulp Installation

最後に、[OK]ボタンをクリックします。

システム変数

  • [システム変数]で、次の画面に示すように[パス]をダブルクリックします。

Gulp Installation

  • 次のスクリーンショットに示すように、システム変数の編集ウィンドウが表示されます。 次のスクリーンショットに示すように、[変数値]フィールドにNode.jsフォルダーパスを_C:\ Program Files \ nodejs \ _として追加し、[OK]をクリックします。

Gulp Installation

  • ステップ4 *-システムでコマンドプロンプトを開き、次のコマンドを入力します。 インストールされたNode.jsバージョンが表示されます。
node -v

Gulp Installation

  • ステップ5 *-コマンドプロンプトで、次のコマンドを入力して、モジュールのインストールに使用されるnpm(Node.jsパッケージマネージャー)のバージョンを表示します。 インストールされたNode.jsバージョンが表示されます。
npm -v

Gulp Installation

  • ステップ6 *-コマンドプロンプトで、次のコマンドを入力してGulpをインストールします。 「-g」フラグを追加すると、Gulpがすべてのプロジェクトでグローバルに利用可能になります。
npm install gulp -g

Gulp Installation

  • ステップ7 *-Gulpが正常にインストールされたことを確認するには、次のコマンドを入力してGulpバージョンを表示します。
gulp -v

Gulp Installation