前言
本文是学习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 |
一个配置文件,用来在不同的前端工具之间共享目标浏览器 |