ホームページ >ウェブフロントエンド >Vue.js >vue-cliのインストール方法

vue-cliのインストール方法

coldplay.xixi
coldplay.xixiオリジナル
2020-11-12 14:34:268020ブラウズ

Vue-cli インストール方法: 最初にノード環境をインストールし、[vue-cli] スキャフォールディングをインストールします。コードは [npm install -g vue-cli] です。次に、プロジェクトの依存関係をインストールします。コードは [ npm インストール] 。

vue-cliのインストール方法

[関連記事の推奨: vue.js]

vue-cli のインストール方法:

1. インストール前にノード環境がインストールされているか確認し、インストールされている場合は次の vue-cli をインストールし、インストールされていない場合は先にノード環境をインストールします。

vue-cliのインストール方法

2. vue-cli スキャフォールディングをインストールします。インストール コードは npm install -g vue-cli です。ここで選択するのはグローバル インストールです。インストール後、プロジェクトを作成します。

vue-cliのインストール方法

3. 次に、プロンプトに従ってプラグインをインストールするかどうかを選択します。インストールされている場合は「はい」を選択し、インストールされていない場合は「いいえ」を選択します。以上でプラグインの選択は完了です。

vue-cliのインストール方法

4. その後、 cd でプロジェクト ディレクトリに切り替え、プロジェクトの依存関係をインストールします。プロジェクトの依存関係のインストール コードは次のとおりです: npm install

vue-cliのインストール方法

5. 依存関係のインストールが完了すると、基本的にスキャフォールディングがインストールされますので、プロジェクトにどのようなファイルがあるかを見てみましょう。

vue-cliのインストール方法

# 6. すべての前準備が完了すると、vue-cli スキャフォールディングが完成し、次にプロジェクトを開始します。コードは: npm run dev

vue-cliのインストール方法

7. スキャフォールディングが実行されると、デフォルトでポート 8080 が開きます。システムが自動的にジャンプする場合は、これは、足場の設置が完了したことを意味し、足場にプロジェクトを記入できるようになります。

vue-cliのインストール方法

関連する無料学習の推奨事項: JavaScript(ビデオ)

以上がvue-cliのインストール方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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