AngularJS系列——目录结构

前端之家收集整理的这篇文章主要介绍了AngularJS系列——目录结构前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

引言

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

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

目录结构

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


工作目录

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



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


js目录


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

Templates目录

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


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

总结

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

原文链接:https://www.f2er.com/angularjs/149546.html

猜你在找的Angularjs相关文章