Angular项目文件概览
一、Angular项目文件结构
二、项目文件介绍
项目文件中主要的文件为 文件夹src，下面分为两部分介绍，根目录中的src文件夹和除了src文件夹以外的文件。
1、src文件夹
| 文件 | 描述 |
|---|---|
| app/app.component.{ts,html,css,spec.ts} | 使用 HTML 模板、CSS 样式和单元测试定义 AppComponent 组件。 它是根组件，随着应用的成长它会成为一棵组件树的根节点。 |
| app/app.module.ts | 定义 AppModule，根模块为 Angular 描述如何组装应用。 目前，它只声明了 AppComponent。 不久，它将声明更多组件。 |
| assets/* | 这个文件夹下你可以放图片等任何东西，在构建应用时，它们全都会拷贝到发布包中。 |
| environments/* | 这个文件夹中包括为各个目标环境准备的文件，它们导出了一些应用中要用到的配置变量。 这些文件会在构建应用时被替换。 |
| browserslist | 一个配置文件，用来在不同的前端工具之间共享目标浏览器。 |
| favicon.ico | 网站书签栏图标，可替换成自己的图标。 |
| index.html | 主页面 |
| karma.conf.js | 给Karma的单元测试配置，当运行 ng test 时会用到它 |
| main.ts | 应用的主要入口点 |
| polyfills.ts | 不同的浏览器对 Web 标准的支持程度也不同， 腻子脚本（polyfill）能把这些不同点进行标准化。 |
| styles.css | 全局样式 |
| test.ts | 单元测试的主入口点 |
| tsconfig.{app|spec}.json | TypeScript 编译器的配置文件 |
| tslint.json | 额外的 Linting 配置 |
2、src文件夹以外的文件
| 文件 | 描述 |
|---|---|
| e2e/ | end-to-end 测试 |
| node_modules/ | 存放package.json中列举的所有第三方模块 |
| .editorconfig | 编辑器简单配置文件 |
| .gitignore | 一个 Git 的配置文件，用来确保某些自动生成的文件不会被提交到源码控制系统中 |
| angular.json | Angular CLI 的配置文件 |
| package.json | npm配置文件 |
| protractor.conf.js | 给Protractor使用的端到端测试配置文件，当运行 ng e2e 的时候会用到它 |
| README.md | 项目的基础文档，预先写入了 CLI 命令的信息 |
| tsconfig.json | TypeScript 编译器的配置，你的 IDE 会借助它来给你提供更好的帮助 |
| tslint.json | 给TSLint和Codelyzer用的配置信息，当运行 ng lint 时会用到。 Lint 功能可以帮你保持代码风格的统一 |
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！