Angular 目录介绍

前言

本文是学习Angular企业级应用开发实践的笔记，以下内容大多截取自该书

src 文件目录详解

src 
| favicon.ico
| index.html
| main.ts
| ployfills.ts
| style.css
| test.ts
|--- app
| app.component.css
| app.component.html
| app.component.spec.ts
| app.component.ts
| app.module.ts
|--- asserts
| .gitkeep
|---environments
| environment.prod.ts
| environment.ts

文件	用途
app/app.component, {ts, html, css, spec.ts}	使用HTML模板，CSS样式和单元测试定义AppComponent组件。它是根组件，随着应用的成长，它会称为一颗组件树的根节点
app/app.module.ts	定义AppModule模块。该模块是根模板，描述了如何组装Angular应用
assert/*	在这个文件夹下可以存放图片等文件。在构建应用时，这里的文件都会被复制到发布包中
environments/*	这个文件夹中包括为各个目标环境准备的文件，它们导出了一些应用中要用到的配置变量。这些文件会在构建应用时被替换。比如，你可能在生产环境下使用不同的API端点地址，或者使用不同的统计Token参数，甚至使用一些模拟服务，所有这些，Angular CLI都会替你考虑到
favicon.ico	每个网站都希望自己在书签栏中能好看一点，可以在此处设置自己的图标
index.html	这是别人访问你的网站时看到的主页面的HTML文件。在大多数情况下，不用编辑它，在构建应用时，Angular CLI会自动把所有的.js和.css文件添加进去，所以不必在此处手动添加

根目录详解

D:
| .editorconfig
| .gitingnore
| angular.json
| package.json
| README.md
| tsconfig.json
| tslint.json
| tsconfig.app.json
| tsconfig.json
| tsconfig.spec.json
| karma.conf.js
| browserslist
| --- e2e
|   |protractor.conf.js
|   |tsconfig.json
|   | --- src
|   |   | app.e2e-spec.json
|   |   | app.po.ts
| --- node_modules
|   | --- ...
| --- src
|   | --- ...

文件	用途
e2e	在e2e/下是前端(end-to-end)测试。它们之所以不在src下，是因为端到端测试实际上和应用是相互独立的，它只适用于测试你的应用而已。这也就是为什么它会拥有自己的ts.config.json
node_modules	Node.js创建了这个文件夹，并且把package.json中列举的所有第三方模块都放在其中
.editorconfig	给你的编辑器看的一个简单配置文件，它用来确保参与你项目的每个人都具有基本的编辑器配置。大多数编辑器都支持.editorconfig文件，详情参见[http://editorconfig.org]
.gitignore	Git的配置文件，用来确保某些自动生成的文件不会被提交到源码控制系统中
angular.json	Angular CLI的配置文件。在这个文件中，你可以设置一系列默认值，还可以配置项目编译时要包含的文件
package.json	npm的配置文件，其中列出了项目用到的第三方依赖包，你还可以在这里添加自己的自定义脚本
protractor.conf.js	给Protractor使用的端到端测试配置文件，当运行ng e2e时会用到它
README.md	项目的基础文档，预先写入了Angular CLI的命令的向信息，别忘了用项目文档改进它，以便每个查看此仓库的人都能据此构建出你的应用
tsconfig.json	TypeScript编辑器的配置，你的IDE会借助它来给你提供更好的帮助
tslint.json	给TSLint和codelyzer使用的配置信息，当运行ng lint时会用到它。Lint功能可以帮你保持代码风格统一
karam.conf.js	给Karam的单元测试配置，当运行ng test时会用到它
tsconfig.{app	spec}.json
browserslist	一个配置文件，用来在不同的前端工具之间共享目标浏览器