美文网首页angular6我爱编程
angular6.0教程:angular6.0项目目录介绍

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

作者: 码不亭蹄 | 来源:发表于2018-06-19 14:22 被阅读305次

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

    相关文章

      网友评论

        本文标题:angular6.0教程:angular6.0项目目录介绍

        本文链接:https://www.haomeiwen.com/subject/impaeftx.html