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. 変更は完了です