ホームページ > 記事 > ウェブフロントエンド > vue 足場のインストール手順
vue スキャフォールディングのインストール手順: 1. ノード環境をインストールします; 2. 「npm install -g vue-cli」を通じて vue-cli スキャフォールディングをインストールします; 3. プロンプトに従ってプラグインのインストールを選択します; 4. プロジェクトの依存関係をインストールします; 5 、「npm run dev」を実行します。
この記事の動作環境: Windows7 システム、vue/cli バージョン 3.12.1、DELL G3 コンピューター。
vue Scaffolding のインストール手順
インストール前に、ノード環境がインストールされているかどうかを確認し、インストールされている場合は次の vue-cli をインストールします。最初にノード環境をインストールします。
vue-cli スキャフォールディングをインストールします。インストール コードは: npm install -g vue-cli です。ここで選択するのはグローバル インストールです。インストール後、プロジェクトを作成します。
次に、プロンプトに従ってプラグインをインストールするかどうかを選択します。インストールされている場合は「はい」を選択し、インストールされていない場合は「いいえ」を選択します。選択が完了しました。
#その後、 cd でプロジェクト ディレクトリに切り替え、プロジェクトの依存関係をインストールします。プロジェクトの依存関係のインストール コードは次のとおりです: npm install 依存関係のインストールが完了すると、基本的にスキャフォールディングがインストールされますので、プロジェクトにどのようなファイルがあるかを見てみましょう。 すべての前準備が完了すると、vue-cli の足場が完成し、次にプロジェクトを開始します。コードは次のとおりです: npm run dev スキャフォールディングが実行された後、デフォルトでポート 8080 が開きます。システムが自動的にこの Web ページにジャンプする場合、それは足場の設置が完了したら、足場にプロジェクトを埋めていきます。 注意vue-cli はデフォルトでいくつかのプラグインをインストールしますが、これらのプラグインを選択してインストールできます初心者には直接使用することをお勧めします スキャフォールディング、純粋な vue プロジェクトを作成しないでください関連する推奨事項: "vue.js チュートリアル" "最新の 5 つの vue.js ビデオ チュートリアル セレクション「
以上がvue 足場のインストール手順の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。