やってみる

アウトプットすべく己を導くためのブログ。その試行錯誤すらたれ流す。

@vue/cliでプロジェクトをつくる

 createコマンドで。

成果物

前提

手順

vue create my_project

 以下のような選択肢がでてくる。↓キーを押してVue 3を選び、Enterキーで決定する。

? Please pick a preset: (Use arrow keys)
  Default ([Vue 2] babel, eslint)
❯ Default (Vue 3 Preview) ([Vue 3] babel, eslint)
  Manually select features

 しばらくすると成功メッセージがでる。

🎉  Successfully created project my_project.
👉  Get started with the following commands:

 $ cd my_project
 $ npm run serve

 メッセージどおりに以下を実行する。

cd my_project
npm run serve

 しばらくすると成功メッセージがでる。

 DONE  Compiled successfully in 8071ms                                                                                         10:22:31


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

 ブラウザのURL欄に上記のとおりhttp://localhost:8080/を入力する。以下のような画面がでるはず。

f:id:ytyaru:20210128102601p:plain

 サーバをキルするにはnpm run serveした端末でCtrl+CCtrl+Zする。

対象環境

$ uname -a
Linux raspberrypi 5.4.83-v7l+ #1379 SMP Mon Dec 14 13:11:54 GMT 2020 armv7l GNU/Linux