AngularJS系列——目录结构

引言

         最近在忙一个APP项目,话说,工欲善其事必先利其器,所以先把AngularJs这个工具学好,是我们必须要干的事呀!

          今天我先来给大家介绍一下简单的知识——整个项目的目录结构,后续接着分享!

目录结构

          当我们创建一个项目的时候,目录结构是这样的:


        工作目录

          我们的工作目录,主要集中在www文件夹中,www文件夹中是这样的:



             相信当大家看到css、data、img、和index.html都比较熟悉,就是我们常用的Css样式、数据和图片。Index.html是我们的主页面。Lib文件夹是一个ionic库。这里对这些都不做过多的解释。下面我们来介绍一下我们常用的templates和js 目录。


       js目录


           当我们创建一个项目后,大部分情况会把相应的控制器、指令、路由、服务都分别放在独立的文件中,然后在app.js中注入。

        Templates目录

              Templates目录下是我们的页面,用来存放各个模板,方便我们的管理和复用:


                 所以最后我们项目的工作目录结构应该是下面这样的:

总结

         不管干什么事情,是开始做项目也好,是学习一个新的东西也好,我们一定要有全局观,不能傻傻的死学,先进行全局掌控,之后再深入研究,这样让我们的工作每一件都做的有意义,而且自己有一个掌控,才能不迷失方向!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 22
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 22
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值