AngularJS系列——目录结构

引言

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

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

目录结构

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

AngularJS系列——目录结构_第1张图片

        工作目录

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

AngularJS系列——目录结构_第2张图片


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


       js目录

AngularJS系列——目录结构_第3张图片

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

        Templates目录

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

AngularJS系列——目录结构_第4张图片


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

AngularJS系列——目录结构_第5张图片

总结

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

你可能感兴趣的:(AngularJS系列——目录结构)