ホームページ >ウェブフロントエンド >jsチュートリアル >vue.cli スキャフォールディングのインストール方法

vue.cli スキャフォールディングのインストール方法

coldplay.xixi
coldplay.xixiオリジナル
2020-11-24 09:59:104260ブラウズ

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

vue.cli スキャフォールディングのインストール方法

このチュートリアルの動作環境: Windows 7 システム、Vue バージョン 2.9.6。この方法は、すべてのブランドのコンピューターに適しています。

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 までご連絡ください。