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目录下的文件进行操作即可，其它目录无须管它。