Angular 库种子项目教程
1. 项目的目录结构及介绍
angular-library-seed/
├── e2e/
│ ├── app.e2e-spec.ts
│ ├── app.po.ts
│ └── tsconfig.e2e.json
├── src/
│ ├── demo/
│ │ ├── app/
│ │ │ ├── app.component.html
│ │ │ ├── app.component.scss
│ │ │ ├── app.component.spec.ts
│ │ │ ├── app.component.ts
│ │ │ ├── app.module.ts
│ │ │ └── index.ts
│ │ ├── assets/
│ │ ├── environments/
│ │ │ ├── environment.prod.ts
│ │ │ └── environment.ts
│ │ ├── index.html
│ │ ├── main.ts
│ │ ├── polyfills.ts
│ │ ├── styles.scss
│ │ └── test.ts
│ ├── lib/
│ │ ├── component/
│ │ │ ├── my-lib.component.html
│ │ │ ├── my-lib.component.scss
│ │ │ ├── my-lib.component.spec.ts
│ │ │ └── my-lib.component.ts
│ │ ├── directive/
│ │ ├── pipe/
│ │ ├── service/
│ │ ├── index.ts
│ │ └── public_api.ts
│ ├── tsconfig.app.json
│ ├── tsconfig.spec.json
│ └── tslint.json
├── .editorconfig
├── .gitignore
├── angular.json
├── LICENSE
├── package.json
├── README.md
├── tsconfig.json
└── tslint.json
目录结构介绍
- e2e/: 端到端测试目录。
- src/: 源代码目录。
- demo/: 示例应用目录。
- app/: 示例应用的组件、模块等。
- assets/: 静态资源。
- environments/: 环境配置文件。
- lib/: 库代码目录。
- component/: 组件目录。
- directive/: 指令目录。
- pipe/: 管道目录。
- service/: 服务目录。
- demo/: 示例应用目录。
- .editorconfig: 编辑器配置文件。
- .gitignore: Git忽略文件配置。
- angular.json: Angular CLI配置文件。
- LICENSE: 许可证文件。
- package.json: 项目依赖和脚本配置。
- README.md: 项目说明文档。
- tsconfig.json: TypeScript配置文件。
- tslint.json: TSLint配置文件。
2. 项目的启动文件介绍
启动文件
- src/demo/main.ts: 示例应用的入口文件,负责引导Angular应用。
- src/lib/public_api.ts: 库的入口文件,导出库的所有公开API。
启动流程
- main.ts: 使用
platformBrowserDynamic().bootstrapModule(AppModule)
引导AppModule
。 - public_api.ts: 导出库的所有组件、指令、管道和服务。
3. 项目的配置文件介绍
配置文件
- angular.json: Angular CLI配置文件,包含项目和构建配置。
- tsconfig.json: TypeScript编译配置文件。
- tslint.json: TSLint代码风格检查配置文件。
- package.json: 项目依赖和脚本配置。
配置文件介绍
- angular.json: 配置项目的构建、测试和部署选项。
- tsconfig.json: 配置TypeScript编译选项,如模块解析、目标版本等。
- tslint.json: 配置TSLint规则,用于代码风格检查。
- package.json: 定义项目依赖、脚本命令和其他元数据。
以上是基于preboot/angular-library-seed
项目的目录结构、启动文件和配置文件的详细介绍。希望这份文档能帮助你快速上手该项目。