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 一个配置文件,用来在不同的前端工具之间共享目标浏览器
上一篇:c 数据的交换输出


下一篇:tsconfig.json