yss-project/rules/frontend.md

前端开发与设计规则

• Angular 20+ TypeScript
  • 可使用各类支持TS的第三方库，如echarts等
• 模块的划分目录：/src/modules
  • shared/ 作为共享组件和服务的模块
  • xxx/ 各端入口需要独立模块
• 独立组件优先：为各功能复用性，优先使用独立组件模式
  • 但需要注意imports合理，补全引用所需的模块
  • 例如用到管道或者路由需要引用对应模块
  • 独立组件包含html/ts/scss，模板/控制/样式
• Control Flow：优先使用@if @for 不要使用*ngFor *ngIf指令
• DRY原则：共用的组件、数据统一写在shared模块，方便统一调用