angular6.0教程:angular6.0项目目录介绍

在上一章angular6.0使用教程:创建一个新项目中,我们通过angular6.0新创建了一个dem01项目。项目创建好后,会在d:/angular目录下生成demo1目录。在demo1目录下会自动生成众多跟项目有关的目录和文件,如下图:

angular6.0教程

如上图所示,在demo1目录下有3个大目录:

e2e目录:是端到端(end-to-end)测试;

mode_modules目录:是angular6.0项目所依赖的第三方模块库文件;

src目录:这时放置了我们项目的所有文件。

再来看看src目录下的文件有哪些:

app目录:我们要编写的项目文件都在这个目录下;

assets目录:放置静态资源;

environments目录:环境文件目录;

些处我们着重介绍一下app目录,因为这个目录是我们真正要编写代码的文件目录,新建项目会默认在app目录下创建几个模块文件:

app.component.css:主组件css样式文件;

app.component.html:主组件html文件;

app.component.ts:主组件typescript文件;

app.module.ts:主模块文件,用来全局导入声明模块组件和服务等。

在我们学习和使用angular6.0时,我们只需要对app目录下的文件进行操作即可,其它目录无须管它。

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,242评论 25 708
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,914评论 18 139
  • 快过年了,家家户户都忙着做好吃的办年货,我们家也不例外。 妈妈说:“我们做些丸子吧!”这时,被我给听见了,我从旁边...
    李丰名阅读 229评论 1 4
  • 我回顾自己今天之前的很长的一段时间,自己都在计划当中,但也仅仅是计划着,没什么实质性的行动。 可能每次都觉得战略大...
    人如其行阅读 366评论 0 0
  • 红日初升东方挂,齐聚操场前途画。 壮丽青春绣美景,广阔天地放英华。 红日初升苍穹挂,激情喷薄挥汗洒。 壮丽青春描美...
    恩曲不休阅读 254评论 0 0