vue3 での環境構築（vue-routerもvuetfyもいっしょにいれる） vuetify vue

vue3 での環境構築（routerもvuetfyもいっしょに）


1 vue create vue-hogepj
→ 手動インストールで vue3 rooter を選択

2 cd vue-hogepj

3 yarn serve
→　いったん起動を確認
http://118.27.28.163:9075/

4 vue add vuetify
vite をインストール（vue CLIではない）

5 ポート番号を指定
yarn dev　で起動するとポート番号とか指定できないので package.json に起動コマンドの際に ポート番号を書く

# cat package.json
{
"name": "vue-hogepj",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vite preview",
"build": "vite build",
"lint": "vue-cli-service lint",
"dev": "vite --host --port 3001" ★★
},

5 起動
# yarn dev

6 ブラウザで確認
http://xxx.xxx.xxx.xxx:9077/

docker ps みると、3001 は 9071 にマッピングしていることを確認