前端Ionic框架规范书.docVIP

前端Ionic框架规范书

一、项目结构规范

1.基础目录结构

Ionic项目应遵循清晰的模块化目录结构，确保代码的可维护性和可扩展性。标准目录结构如下：

src/├──app/#应用核心模块│├──components/#公共组件│├──pages/#页面组件│├──services/#服务层│├──models/#数据模型定义│├──guards/#路由守卫│├──interceptors/#HTTP拦截器│├──app-routing.module.ts#路由配置│└──app.module.ts#根模块├──assets/#静态资源│├──images/#图片资源│├──fonts/#字体文件│└──data/#静态数据文件├──environments/#环境配置│├──environment.ts#开发环境│└──d.ts#生产环境└──theme/#主题样式├──variables.scss#全局样式变量└──global.scss#全局样式

2.目录命名规则

所有目录名称采用小写短横线分隔式（kebab-case），例如user-profile、product-list。

页面组件目录应与路由路径保持一致，便于快速定位。