Vue-cliを使ってvueプロジェクトを作成する

1.vue-cliのインストール

$ npm i -g @vue/cli

インストールの確認

$ vue -V

@vue/cli 4.5.8

2.Vue.jsプロジェクトの作成

$ vue create noricgeographic_vuejs

�  Successfully created project noricgeographic_vuejs.
�  Get started with the following commands:

 $ cd noricgeographic_vuejs
 $ npm run serve

これが正常終了すれば、Vue.jsプロジェクトが作成されています。早速、初期画面を表示して確認していきましょう。

Vue.jsプロジェクトの起動確認

 $ cd noricgeographic_vuejs
 $ npm run serve

 DONE  Compiled successfully in 12727ms                                                                      9:23:48 PM

  App running at:
  - Local:   http://localhost:8080/
  - Network: http://192.168.1.9:8080/

ブラウザで表示する

Vue．js入門 基礎から実践アプリケーション開発まで [ 川口和也 ]

posted with カエレバ

楽天市場

Amazon

Yahooショッピング