码迷,mamicode.com
首页 > Web开发 > 详细

AngularJS系列——目录结构

时间:2016-05-13 00:38:20      阅读:160      评论:0      收藏:0      [点我收藏+]

标签:

引言

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

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

目录结构

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

技术分享

        工作目录

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

技术分享


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


       js目录

技术分享

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

技术分享

        Templates目录

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

技术分享


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

技术分享

总结

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

AngularJS系列——目录结构

标签:

原文地址:http://blog.csdn.net/xingyu0806/article/details/51345889

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!