Nuxt 4 + Vuetify 3 + Tailwind CSS + PWA 项目,已启用 Material Design 3 规范。
项目使用 Vuetify 3 的 Blueprints 特性启用 Material Design 3 规范。
app/plugins/vuetify-blueprint.tsdocs/vuetify-blueprints-md3-assessment.mddocs/vuetify-md3-changelog.md| 特性 | 说明 |
|---|---|
| 表单控件 | outlined 描边风格 |
| 按钮 | 大圆角 xl,主色填充 |
| 卡片 | 大圆角 lg |
| AppBar | 无阴影 (flat) |
| 主色 | #4A90E2(品牌蓝) |
可在
app/plugins/vuetify-blueprint.ts中自定义配色和组件默认值。
Make sure to install dependencies:
# npm
npm install
# pnpm
pnpm install
# yarn
yarn install
# bun
bun install
Start the development server on http://localhost:3000:
# npm
npm run dev
# pnpm
pnpm dev
# yarn
yarn dev
# bun
bun run dev
Build the application for production:
# npm
npm run build
# pnpm
pnpm build
# yarn
yarn build
# bun
bun run build
Locally preview production build:
# npm
npm run preview
# pnpm
pnpm preview
# yarn
yarn preview
# bun
bun run preview
Check out the deployment documentation for more information.