序文
環境構成部分を参照してください: http://t.csdn.cn/YBNNm
公式ドキュメントhttps://cn.vuejs.org/guide/quick-start.htmlを参照してください。
vscodeのダウンロードアドレス: vscode
①create-vueを実行
コマンド プロンプトで「npm init vue」と入力します。
このコマンドはcreate-vueをインストールして実行します。
次のコマンドが順番に表示されます。プロジェクト名を入力し、他のプラグインまたはテンプレートを追加するかどうかを選択します。
このようにして、独自のプロジェクトを作成します。
② 次に、プロジェクトのアドレスを見つけます。
コマンド プロンプトで「cd プロジェクト名」と入力します。
たとえば、プロジェクトの名前が mypj1 である場合、「cd mypj1」と入力します。
③vscodeでこのプロジェクトを開いて実行します。
vscodeを開いて以下の操作を行ってください。
ポップアップ ウィンドウで、作成したばかりのプロジェクトを選択します。
これは開いた後のプロジェクト構造で、APP.vue が vue プロジェクト全体のエントリですので、それを開きます。
画面の下部にあるコンソールに npm i と入力し、Enter キーを押します。この手順では、必要な依存関係をインストールします。
インストールが完了したら、コンソールで「npm run dev」と入力し続けて Enter キーを押すと、次の画面が表示されます。
赤枠内の URL をブラウザにコピーして開くと、作成した vue プロジェクトの最初のページが表示され、ここで vue プロジェクトが正常に実行されます。
