angular6.1项目文件解释

微信图片_20180803142213.png

1.根目录

1.1三大目录

e2e目录：是端到端（end-to-end)测试；
mode_modules目录：是angular6.1项目所依赖的第三方模块库文件；
src目录：这时放置了我们项目的所有文件。

1.2其他文件：

.editorconfig： 给你的编辑器看的一个简单配置文件
.gitignore： git 排除文件
angular.json： angular cli 的配置文件
package.json：npm 配置文件，项目使用到的第三方依赖包
protractor.conf.js：运行 ng e2e 的时候会用到
README.md：项目的基础文档
tsconfig.json：TypeScript 编译器的配置
tslint.json：运行 ng lint 时会用到

2.根目录下的src目录

微信图片_20180803142914.png

2.1 src下的三大目录

app目录：我们要编写的项目文件都在这个目录下；
assets目录：放置静态资源；
environments目录：环境文件目录；

2.2 其他文件

browserslist：前端工具之间共享[目标浏览器]的配置文件
favicon.ico：浏览器书签栏中图标
index.html：主页面 HTML 文件
karma.conf.js：运行 ng test 时会用到它
main.ts：应用的主要入口点
polyfills.ts： 腻子脚本（polyfill）能把浏览器对 Web不同点进行标准化
styles.css：全局样式
test.ts：单元测试的主要入口点
tsconfig.app.json：TypeScript 编译器的配置文件
tslint.json：额外的 Linting 配置

3.根/src/app目录

我们真正要编写代码的文件目录，新建项目会默认在app目录下创建几个模块文件：

微信图片_20180803143350.png

app.component.css：组件css样式文件
app.component.html：组件html文件
app.component.spec.ts：单元测试文件
app.component.ts：组件typescript文件
app.module.ts：模块文件，用来全局导入声明模块组件和服务等