03-vue-cli-プロジェクトの作成

1. 新しいプロジェクトが保存されているフォルダーを開きます

        [スタート] メニューを開き、「CMD」と入力するか、ショートカット キー win+R を使用して「CMD」と入力し、Enter キーを押すと、コマンド プロンプトがポップアップ表示されます。これから作成するプロジェクト ディレクトリを開きます

2 テンプレートに基づいて新しいプロジェクトを作成します

        カレントディレクトリに「vue init webpack プロジェクト名(英語)」を入力

        vue init webpack mytest

次のように「いいえ」を選択してください。

以下に示すように成功しました

3 初期化後のプロジェクトのディレクトリ構造は次のとおりです。

4 cnpm run dev プロジェクトを実行して、プロジェクトが正常に動作するかどうかをテストします。この方法は、nodejs を使用して開始します。

5. 図に示すように、アドレス http://localhost:8080 を入力してアクセスします。

6.vue-cli 起動ページを設定します

1. srcのcomponentsディレクトリにLogin.vueを作成します。

2. src---router---index.js ファイルを開き、login.vue モジュールをインポートします。

「@/components/ログイン」

図に示すように、ルーティング アドレス名とコンポーネントの値を変更します。

3. 図に示すように、App.vue を開き、イメージ ログ コードを削除します。

4. 変更は完了です

おすすめ

転載: blog.csdn.net/weixin_46048259/article/details/126824105