- 实现完整的数据分析和图表功能 - 创建 ECharts 图表组件(饼图、折线图、柱状图) - 开发分析服务和数据处理逻辑 - 实现智能洞察和趋势分析 - 支持灵活的时间范围筛选 - 完善用户体验和界面优化 - 添加动画和交互效果组件 - 创建骨架屏加载状态 - 实现悬浮操作按钮和快捷操作 - 开发完整的帮助系统 - 支持手势操作和键盘快捷键 - 完成分类和账户管理功能 - 创建分类管理界面和表单 - 实现账户管理和余额统计 - 支持自定义图标和颜色 - 完善数据管理页面 - 实现通知监听和自动记账功能 - 配置 Android 开发环境 - 开发通知监听 Capacitor 插件 - 实现前端通知处理逻辑 - 支持多平台支付通知解析 - 技术改进 - 完善 TypeScript 类型定义 - 优化组件架构和状态管理 - 增强 CSS 动画系统 - 提升移动端适配性
.
This template should help get you started developing with Vue 3 in Vite.
Recommended IDE Setup
VSCode + Volar (and disable Vetur).
Type Support for .vue
Imports in TS
TypeScript cannot handle type information for .vue
imports by default, so we replace the tsc
CLI with vue-tsc
for type checking. In editors, we need Volar to make the TypeScript language service aware of .vue
types.
Customize configuration
See Vite Configuration Reference.
Project Setup
npm install
Compile and Hot-Reload for Development
npm run dev
Type-Check, Compile and Minify for Production
npm run build
Run Unit Tests with Vitest
npm run test:unit
Run End-to-End Tests with Playwright
# Install browsers for the first run
npx playwright install
# When testing on CI, must build the project first
npm run build
# Runs the end-to-end tests
npm run test:e2e
# Runs the tests only on Chromium
npm run test:e2e -- --project=chromium
# Runs the tests of a specific file
npm run test:e2e -- tests/example.spec.ts
# Runs the tests in debug mode
npm run test:e2e -- --debug
Lint with ESLint
npm run lint