您的位置:首页 > Web前端 > AngularJS

angular6.0开发教程:angular6.0项目目录的介绍

2018-06-28 14:19 253 查看

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

阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: