🏃
yarn create vuetifyを試す
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