文章

前端项目目录结构总结

常见项目目录结构:

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 进行授权