1. Спецификация каталога проекта

Существует два широко используемых метода организации каталогов файлов. Для этих двух методов не существует лучшего метода, есть только тот, который вам больше подходит.

1.1 Разделение по типу функции

В зависимости от типа функции файла, например API, компонента, страницы, маршрута, перехватчиков и хранилища, независимо от того, используется ли он глобально или локально на одной странице, он помещается в соответствующий каталог в src в соответствии с типом функции. для единого управления.

├─src               
│  ├─api                
│  │  └─Home            
│  │  └─Kind            
│  ├─assets             
│  │  ├─css            
│  │  └─images          
│  ├─config            
│  ├─components         
│  │  ├─common            
│  │  └─Home              
│  │  └─Kind              
│  ├─layout             
│  ├─hooks              
│  ├─routes             
│  ├─store              
│  │  └─Home             
│  │  └─Kind             
│  ├─pages              
│  │  └─Home              
│  │  └─Kind              
│  ├─utils              
│  └─main.ts

1.2 Разделено по доменной модели

В соответствии с функцией страницы компоненты и API, которые будут использоваться глобально, по-прежнему помещаются в src для глобального управления. API и компоненты, используемые на странице отдельно, помещаются в папку соответствующей страницы. При его использовании нет необходимости искать файлы вдоль и поперёк. Его можно найти в папке, что удобнее и функции более связные.

├─src               
│  ├─assets             
│  │  ├─css             
│  │  └─images          
│  ├─config            
│  ├─components         
│  ├─layout             
│  ├─hooks              
│  ├─routes             
│  ├─store             
│  ├─pages              
│  │  └─Home              
│  │    └─components      
│  │    ├─api             
│  │    ├─store          
│  │    ├─index.tsx       
│  │  └─Kind              
│  ├─utils              
│  └─main.ts

2. Спецификация написания кода

Существует множество спецификаций, вот лишь краткий список основных спецификаций…