README_ch.md

商家项目 - 外卖应用

🌐 可用语言

该仓库包含了外卖平台的商家应用程序，采用 Vue.js 开发。此应用程序为商家提供了一个管理订单和产品的界面。

🔗 相关仓库

• 💎 外卖应用 - 使用 Rails 的后端。
• 🛒 消费者应用 - 消费者应用。
• 💲 支付 API - 支付 API。

📑 项目链接

• Figma 设计

📦 依赖和功能

主要依赖

• Vue.js: 用于构建用户界面的渐进式 JavaScript 框架。
• Vue Router: 用于 Vue.js 中的页面路由。
• Vite: 用于快速和优化的开发构建工具。
• Vitest: 用于 Vue.js 的单元测试框架。
• ESLint & Prettier: 代码检查和格式化工具，以保持代码质量。
• TypeScript: 提供 TypeScript 支持，以进行更安全和可扩展的开发。
• Pinia: 基于 Vuex 的状态管理库。

实现的功能

• Fetch Event Source: 与后端进行实时通信。
• SweetAlert2: 显示美观且可定制的警告和对话框。
• Vuedraggable: 在界面中实现拖放功能。

其他工具和插件

• @rails/actioncable: 用于与 Rails 后端的 WebSocket 集成。
• lodash.debounce: 用于简化防抖操作的函数工具。
• @types/rails__actioncable: ActionCable 的 TypeScript 类型。

🛠️ 项目设置

要集成使用，请参阅以下步骤：

• 外卖后端 - 外卖平台的 Rails 后端应用。

要单独配置和运行该仓库，请遵循以下步骤：

前置条件

请确保在您的计算机上安装了 Node.js 和 Yarn。

安装依赖

npm install

启动开发服务器

要启动开发服务器，请运行：

npm run dev

运行测试

要运行单元测试，请使用：

npm run test:unit

📂 其他仓库

• 📏 React 精准应用 - 燃气和水的测量注册界面。
• 🤖 Node API - 用于测量和注册消费的 API。