一个基于 Vue.js 框架构建的前端服务 Demo 。

• 框架
  • Vue.js
• 构建工具
  • Vite
• 代码规范
  • ESLint
  • Prettier
• 路由
  • Vue Router
• 状态管理
  • Pinia
• 样式
  • Tailwind CSS
• HTTP 请求
  • fetch
• UI 组件库
  • daisyUI
• 图标库
  • FontAwesome
• 字体库
  • 字图 CDN / 抖音美好体

```plaintext
.
├── .husky              # Git 钩子
├── .vscode             # VSCode 配置与扩展
├── config              # 项目配置文件
├── node_modules        # 项目依赖
├── public              # 静态资源
├── src                 # 源码
│   ├── assets          # 静态资源
│   ├── components      # 组件
│   ├── pages           # 页面
│   ├── router          # 路由
│   ├── stores          # 状态管理
│   ├── utils           # 工具函数
│   ├── App.vue         # 根组件
│   ├── main.js         # 入口文件
│   └── styles.css      # 样式
├── .gitattributes      # Git 格式化提交配置
├── .gitignore          # Git 代码跟踪忽略规则
├── .npmrc              # NPM 镜像源配置
├── .prettierrc.cjs     # Prettier 配置
├── eslint.config.js    # ESLint 配置
├── index.html          # HTML 模板
├── LICENSE             # 开源协议
├── package.json        # 项目信息
├── README.md           # 项目说明
├── vercel.json         # Vercel 部署配置
└── vite.config.js      # Vite 配置
```

1. 前置条件

   • Node.js 22 LTS 及以上版本
   • NPM / Yarn / PNPM

2. 安装依赖

   pnpm i
   

3. 启动项目

   pnpm dev
   

4. 打包构建项目

   pnpm build