工程结构说明
常用工程结构
实际的目录里有测试相关的文件,这里忽略它们 (e2e,karam, *.spec.ts, test.ts 等关键字) 另外:Monorepo 工程结构
📁 my-app // 根目录
├─ 📁 src // 源代码存放目录
│ │─ 📁 api // api 服务目录
│ │ └─ 📁 models // 数据模型目录
│ ├─ 📁 app // angular 应用源代码
│ │ ├─ 📁 components // 公共组件/指令目录
│ │ ├─ 📁 constant // 公共工具方法目录
│ │ ├─ 📁 guard // 路由守护目录
│ │ ├─ 📁 modules // 业务模块目录
│ │ ├─ 📁 permissions // 权限数据所在目录
│ │ ├─ 📁 pipe // 公共管道目录
│ │ ├─ 📁 state // 根部状态管理目录
│ │ ├─ 📁 store // 通用store 目录
│ │ ├─ app-routing.module.ts // 根组件路由定义文件
│ │ ├─ app.component.html // 根组件html文件
│ │ ├─ app.component.less // 根组建样式文件
│ │ ├─ app.component.ts // 根组建ts文件
│ │ ├─ app.module.ts // 根模块
│ │ └─ icons-provider.module.ts // ant-icon 导入配置
│ ├─ 📁 assets // 资源文件存放目录,比如图片,音视频文件,字体文件等。
│ ├─ 📁 libs // 通用第三方模块所在目录。
│ ├─ 📁 environments // 运行环境参数
│ │ ├─ environment.ts // 默认环境参数(开发环境)
│ │ ├─ environment.prod.ts // 生产环境参数
│ │ ├─ environment.*.ts // * 也可以根据需求自定义环境
│ │ └─ ...
│ │
│ ├─ 📁 styles
│ │ ├─ _variables.scss // 主题样式参数定义文件
│ │ └─ ...
│ │
│ ├─ browserslist // 浏览器兼容策略配置
│ ├─ index.html // 应用启动入口 html 模板
│ ├─ main.ts // 应用启动入口 ts 代码
│ ├─ polyfills.ts // 浏览器 js 语法兼容配置
│ ├─ styles.less // 样式代码
│ ├─ tsconfig.app.json // app 的 typescript 构建配置
│ ├─ typing.d.ts // 通用 typescript 类型定义文件
│ └─ ...
│
├─ .editorconfig
├─ .eslintrc.js // eslint 配置文件
├─ .eslintignore // eslint 忽略文件配置
├─ .prettierrc // 代码格式化配置文件
├─ .prettierignore // 代码格式化忽略文件配置
├─ .gitignore // git 忽略文件
├─ .stylelintrc.json // stylelint 格式化配置文件
├─ Jenkinsfile // Jenkins 配置文件
├─ sonar-project.properties // sonart 配置文件
├─ angular.json
├─ package.json
├─ README.md // 项目介绍文件,可以写配置环境和启动项目步骤
├─ tsconfig.json // ts 通用配置
├─ tsconfig.spec.json // 测试所用ts配置文件
├─ tsconfig.app.json // 编译所用ts配置文件
├─ tsconfig.eslint.json // eslint检查所用ts配置文件
└─ ...