- **重构视图与组件**: 全面重构搜索结果页,引入 SearchResultView-搜索结果页3.0.vue,并按分类(如菜谱、文章、食品添加剂等)拆分和优化了展示组件。 - **优化目录结构**: 将相关组件迁移至 components/SearchResult-搜索结果/ 目录,并采用更清晰的中文命名。 - **更新路由**: 将 /search-result 路由指向新的 v3.0 视图。 - **新增文档**: 添加了 3.5-工作日志-搜索结果页重构-v3.0.md,详细记录了本次重构的内容。
shihuashishuo-ui
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