Files
bill/frontend
Jafeng 49fcc374f6 feat: 完成任务1 - 建立项目版本管理和基础架构
任务1.1  初始化 Git 版本控制
- 建立 Git 仓库并连接到阿里云服务器
- 创建 .gitignore 和项目文档
- 建立 master/develop 分支管理策略

任务1.2  搭建前端项目基础架构
- 创建 Vue.js 3 + TypeScript 项目
- 集成 Tailwind CSS 和温暖现代主义设计系统
- 实现基础 UI 组件库(BaseButton, BaseCard, BaseInput)
- 建立路由结构和页面组件
- 配置 Vite 构建工具

任务1.3  配置 Capacitor 和本地存储
- 集成 Capacitor.js 并生成 Android 项目
- 配置 SQLite 数据库和数据模型
- 实现完整的数据库服务层
- 创建 Pinia 状态管理 store
- 建立本地数据 CRUD 操作基础

技术栈:Vue 3 + TypeScript + Tailwind CSS + Capacitor + SQLite
2025-08-14 15:35:42 +08:00
..

.

This template should help get you started developing with Vue 3 in Vite.

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