• wordpress CMS主题:ssmay主题wordpress CMS主题:ssmay主题
  • 首页 > angular开发 > angular6.0使用教程:项目目录介绍

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

    作者: 分类:angular开发 点击: 1,059 次
    wordpress CMS主题:ssmay主题

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



      QQ二维码

    文章作者:高时银博客
    本文地址:http://wanlimm.com/77201805285608.html
    版权所有 © 转载时必须以链接形式注明作者和原始出处!

    上一篇:
    下一篇:
    wordpress CMS主题:ssmay主题

    或许你会感兴趣的文章:

    3条回应:“angular6.0使用教程:项目目录介绍”

    1. fthj说道:

      很有用,正在学习angular,谢谢!

    2. ajianmeige说道:

      初学者有点困难啊

    3. 7bing说道:

      讲得很好,很细.

    发表评论

    电子邮件地址不会被公开。 必填项已用*标注

    This site uses Akismet to reduce spam. Learn how your comment data is processed.