Live Talking Front

基于 Vue 3.5 + Vite 构建的现代化前端项目架构

🚀 技术栈

• Vue 3.5 - 渐进式 JavaScript 框架
• Vite - 下一代前端构建工具
• Vue Router 4 - 官方路由管理器
• Pinia - Vue 官方状态管理库
• ESLint - 代码质量检查工具
• Prettier - 代码格式化工具

✨ 特性

• 🔥 热重载开发服务器
• 📦 组件化开发
• 🎨 响应式设计
• ⚡ 快速构建
• 🔧 代码规范化
• 📱 移动端适配

📦 安装

# 安装依赖
npm install

# 启动开发服务器
npm run dev

# 构建生产版本
npm run build

# 预览生产构建
npm run preview

🛠️ 开发

# 代码检查
npm run lint

# 代码格式化
npm run format

📁 项目结构

live-talking-front/
├── public/                 # 静态资源
├── src/
│   ├── assets/            # 资源文件
│   │   └── main.css       # 全局样式
│   ├── components/        # 公共组件
│   │   └── CounterDemo.vue
│   ├── router/            # 路由配置
│   │   └── index.js
│   ├── stores/            # 状态管理
│   │   └── counter.js
│   ├── views/             # 页面组件
│   │   ├── HomeView.vue
│   │   └── AboutView.vue
│   ├── App.vue            # 根组件
│   └── main.js            # 应用入口
├── index.html             # HTML 模板
├── vite.config.js         # Vite 配置
├── package.json           # 项目配置
└── README.md              # 项目说明

🎯 功能

路由管理

• 基于 Vue Router 4 的 SPA 路由
• 支持路由懒加载
• 响应式导航

状态管理

• 使用 Pinia 进行状态管理
• 支持组合式 API
• 类型安全的状态管理

代码规范

• ESLint 代码检查
• Prettier 代码格式化
• 统一的编码风格

🤝 贡献

欢迎提交 Issue 和 Pull Request！

📄 License

MIT License