ホームページ >ウェブフロントエンド >jsチュートリアル >vue.cli スキャフォールディングのインストール方法
vue.cli スキャフォールディングをインストールする方法: 最初にノード環境をインストールし、次にコード [npm install -g vue-cli] をインストールしてプラグインをインストールし、次にプロジェクトの依存関係をインストールし、最後にプロジェクトを実行します。 、コードは [npm run dev] です。
このチュートリアルの動作環境: Windows 7 システム、Vue バージョン 2.9.6。この方法は、すべてのブランドのコンピューターに適しています。
vue.cli スキャフォールディングのインストール方法:
1. インストール前に、ノード環境がインストールされているかどうかを確認し、インストールされている場合は、次のインストールに進みます。 vue-cli. がない場合は、最初にノード環境をインストールします。
2. vue-cli スキャフォールディングをインストールします。インストール コードは npm install -g vue-cli
です。ここで選択するのはグローバル インストールです。インストール後、プロジェクトを作成します。
3. 次に、プロンプトに従ってプラグインをインストールするかどうかを選択します。インストールされている場合は「はい」を選択し、インストールされていない場合は「いいえ」を選択します。以上でプラグインの選択は完了です。
4. その後、 cd でプロジェクト ディレクトリに切り替え、プロジェクトの依存関係をインストールします。プロジェクトの依存関係のインストール コードは次のとおりです: npm install
5. 依存関係のインストールが完了すると、基本的にスキャフォールディングがインストールされますので、プロジェクトにどのようなファイルがあるかを見てみましょう。
# 6. すべての前準備が完了すると、vue-cli スキャフォールディングが完成し、次にプロジェクトを開始します。コードは: npm run dev
7. スキャフォールディングが実行されると、デフォルトでポート 8080 が開きます。これは、足場の設置が完了したことを意味し、足場にプロジェクトを記入できるようになります。
関連する学習に関する推奨事項 (無料): JavaScript 学習チュートリアル
以上がvue.cli スキャフォールディングのインストール方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。