前端项目目录结构总结
常见项目目录结构:
1
2
3
4
5
6
7
8
9
10
11
...
src/
├── components/ # Vue/React 组件
├── views/ # 页面组件(路由级)
├── assets/ # 静态资源
├── stores/ # 状态管理(如 Pinia/Vuex)
├── router/ # 路由(如 vue router)
├── utils/ # 工具函数目录
├── apis/ # 封装 axios 等接口调用
├── tests/ # 测试文件(如 Jest/Mocha/Cypress/Selenium...)
├── ...
- 关于测试插一嘴:常见测试大致分4类,包括:
- 单元测试
- 集成测试
- E2E 测试(端到端,End-to-End):如 Cypress,跑完一整个完整的全栈项目
- 静态测试
日常如何区分 apis 和 utils ?
本文由作者按照
CC BY 4.0
进行授权