🏃

yarn create vuetifyを試す

2022/11/02に公開

Vuetify3.0がリリースになりました。

公式のインストール方法を試します。
環境 node18.12.0

yarn create vuetify
yarn create v1.22.19
[1/4] Resolving packages...
[2/4] Fetching packages...
[3/4] Linking dependencies...
[4/4] Building fresh packages...
success Installed "create-vuetify@1.0.3" with binaries:
      - create-vuetify
[############] 12/12
Vuetify.js - Material Component Framework for Vue

✔ Project name: … vuetify-project-20221102
✔ Use TypeScript? … No / Yes
✔ Would you like to install dependencies with yarn, npm, or pnpm? › yarn

◌ Generating scaffold...
◌ Installing dependencies with yarn...

package.jsonを見る。
デフォルトでviteになったようです。
vue-routerなどの選択肢はなし

package.json
{
  "name": "vuetify-project-20221102",
  "version": "0.0.0",
  "scripts": {
    "dev": "vite",
    "build": "vue-tsc --noEmit && vite build",
    "preview": "vite preview"
  },
  "dependencies": {
    "@mdi/font": "5.9.55",
    "roboto-fontface": "*",
    "vue": "^3.2.38",
    "vuetify": "^3.0.0",
    "webfontloader": "^1.0.0"
  },
  "devDependencies": {
    "@vitejs/plugin-vue": "^3.0.3",
    "typescript": "^4.0.0",
    "vite": "^3.0.9",
    "vite-plugin-vuetify": "^1.0.0-alpha.12",
    "vue-tsc": "^1.0.9"
  }
}

Webサイトを立ち上げてみる

cd vuetify-project-20221102
yarn dev

とてもスムーズでいいですね。
viteとamplifyのsubscribeでうまくいかなかったことがあるのでちょっとだけ心配です。

Discussion