angular6.1项目文件解释

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：模块文件，用来全局导入声明模块组件和服务等

作者：大胡子111

链接：https://www.jianshu.com/p/3f378a639000

來源：简书

简书著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。