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/
を入力する。以下のような画面がでるはず。
サーバをキルするにはnpm run serve
した端末でCtrl
+C
かCtrl
+Z
する。
対象環境
- Raspbierry pi 4 Model B
- Raspberry Pi OS buster 10.0 2020-08-20 ※
- bash 5.0.3(1)-release
- Node.js 12.18.4 ※
- webpack 5
$ uname -a Linux raspberrypi 5.4.83-v7l+ #1379 SMP Mon Dec 14 13:11:54 GMT 2020 armv7l GNU/Linux