Angular学习(二):项目结构

在上一节中已经新建了一个angular项目,来看一下这个项目里面包含了哪些文件。首先可以看到最外层有三个文件夹,e2e、node_modules、src,我们主要关心的src,所有的源码都是放在这里的,src目录文件如下:

图1
  • app 目录里面放的是组件
  • assets 目录用来存放项目可能需要的图片等资源文件
  • environments 目录主要是环境配置(如生成还是测试环境)
  • main.ts 主要的入口文件
  • index.html 主要的页面
  • style.css 全局样式文件

其他是一些相关配置文件,就不说了。

再来看下app里面的具体文件


图2

每个angular项目都是由很多组件形成组件树最终组成我们整个应用,至少需要一个模块。图中显示的是自动创建的根组件

  • app.component.css 组件样式
  • app.component.html 组件模板
  • app.component.ts 组件TypeScript文件
  • app.component.spec.ts 与测试相关
  • app.module.ts 核心模块

每个angular应用会有一个根模块(app.module.ts),应用启动时,就会加载这个模块。每个根模块都会有一个根组件(app.component.ts)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容