logo
0
0
WeChat Login

Explore Web

Nuxt 4 + Vuetify 3 + Tailwind CSS + PWA 项目,已启用 Material Design 3 规范。

技术栈

  • Nuxt 4 — Vue 4 全栈框架
  • Vuetify 3 — Material Design 组件库(已启用 MD3 Blueprint)
  • Tailwind CSS — 原子化 CSS 框架
  • Vite PWA — 渐进式 Web 应用支持
  • Cloudflare Workers — 部署目标

MD3 设计规范

项目使用 Vuetify 3 的 Blueprints 特性启用 Material Design 3 规范。

MD3 默认样式

特性说明
表单控件outlined 描边风格
按钮大圆角 xl,主色填充
卡片大圆角 lg
AppBar无阴影 (flat)
主色#4A90E2(品牌蓝)

可在 app/plugins/vuetify-blueprint.ts 中自定义配色和组件默认值。

Setup

Make sure to install dependencies:

# npm
npm install

# pnpm
pnpm install

# yarn
yarn install

# bun
bun install

Development Server

Start the development server on http://localhost:3000:

# npm
npm run dev

# pnpm
pnpm dev

# yarn
yarn dev

# bun
bun run dev

Production

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.

About

No description, topics, or website provided.
Language
Vue58.4%
TypeScript38.3%
Shell3.3%