前書き

Vueプロジェクトを作成するには多くの方法があります。ここでは、Vueプロジェクトを作成するためのWebpack足場の使用のみを紹介します。以下では、サンプルプロジェクトとしてムービーを作成します。

事前環境の準備

ステップ1：npmとnodeをインストール
するマシンの対応するnpmバージョンとノードバージョンを公式Webサイトからダウンロードします。ここでは紹介しません。インストールが完了したら、インストールが成功したかどうかを確認します。
検査方法：制御コマンドラインプログラム-"cmdを開き、node -vおよびnpm -vを入力してバージョン番号を確認します。バージョン番号があれば、インストールは成功しています。次の図に示すように、
上の画像は、インストールが成功したことを示しています
nodeに付属するnpmが最新バージョンでない場合は、
npm install -g npm コマンドを使用して、
npmが最新バージョンになるようにします（-gはグローバルインストールを表します）。

プロジェクトの作成を開始

ステップ2：映画プロジェクトを初期化し
ます1.ステップ1：vue-cli
npmをインストールしますinstall vue-cli -g // vue-cliをグローバルにインストールします

インストール結果は下図のようになります
ここに画像の説明を挿入
vue-cliのインストールが成功したか、vue-cliはチェックできない、vueしかチェックできない

ここに画像の説明を挿入
ステップ3：プロジェクトを作成する

パスを選択し、新しいVueプロジェクトを作成します。ここでは映画プロジェクトを例に取りました。まず、cd "path"を使用して、対応するディレクトリに入ります。この例で
ここに画像の説明を挿入
は、コマンドを使用して新しいプロジェクトを作成し、プロジェクト名とその他の情報を設定します。
vue init webpack "movie"

ステップ4：プロジェクトを実行する

ムービープロジェクトが作成されたので、コマンドを使用してプロジェクトのルートディレクトリに移動し、
cd movieを
ここに画像の説明を挿入
プロジェクトディレクトリに移動し、実行前に依存関係をインストールし、コマンドを使用して、この手順をムービーディレクトリで実行します。！！

npmインストール

npm run dev

ここに画像の説明を挿入

これまでに、vueの映画プロジェクトが作成されました。以下では、映画プロジェクトの初期インターフェースを参照して

ください。vue-cliを使用して、vueプロジェクトを初期化およびビルドします。下の図に示すようなファイル構造を取得します。
ここに画像の説明を挿入
ここで、srcは記述したものであり、次のファイルについて含まれています。

これで、コードを楽しくコーディングできます！よかったらコメントしてください1、閲覧ありがとうございます