1 目录规范
1. 目录规范
以React + TypeScript项目(推荐)为例,JavaScript项目同理
├── docs/ 项目的说明文档
├── mock/ 本地模拟数据
├── config/ 配置文件
├── public/ 静态资源目录
│ └── index.html 首页入口文件
├── server/ 与服务端渲染相关
├── src/ 源码
│ ├── api/ 接口调用方法
│ ├── assets/ 资源文件
│ ├── components/ 公共组件
│ ├── context/ 全局状态
│ ├── hooks/ 公共hooks
│ ├── layouts/ 页面布局组件
│ ├── router/ 路由配置
│ ├── service/ 公共服务和方法
│ ├── types/ TS全局类型定义
│ ├── views/ 页面
│ ├── App.tsx app组件(项目初始化逻辑)
│ ├── index.css 全局样式
│ └── index.tsx 项目入口组件(全局配置)
├── babel.config.js babel配置文件
├── postcss.config.js 样式预处理配置文件
...
└── package.json package.json