" />

スポンサーリンク

Vue.js

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プロジェクトの作成成功です!





スポンサーリンク

-Vue.js

Copyright© ノリックジオグラフィック for Webエンジニア , 2022 All Rights Reserved Powered by AFFINGER5.