ionic工程组织文件
2015-11-05 23:26
441 查看
ionic工程组织文件
欢迎大家到我的博客关注我学习Ionic 1和Ionic 2的历程,共同学习,共同进步。本文是翻译而来,留存以后观看,难免有错误之处,大家也可查看原文。
我想熟悉编程的人或熟悉各种IDE工具的人对于工程文件的组织方式一定不陌生,今天介绍一下ionic工程组织文件的方式。如果你对AngularJS不熟悉,没有接触过AngularJS编程,那么刚开始使用ionic工程时可能不知道如何更好的组织文件。
类型组织
当然,组织文件的形式多种多样,最常见的是下面这种:app/ controllers/ detail.js overview.js settings.js services/ service1.js service2.js views/ detail.html overview.html settings.html
上述组织形式成为“类型组织”,即将相同类型的文件放到同一目录下,这也是ionic工程默认的组织方式,不过这种组织形式并不容易使用,例如你正在编写界面,即在views/*.html里面工作,而此时可能需要绑定数据到view上,那你就需要切换到controllers/*.js里面工作了。
特性组织
刚开始学习AngularJS时,曾经试图寻求一种更加有效的工程文件组织形式,很幸运我找到了John Papa 的Angular 1 Style Guide,随后我就将这种形式应用到ionic工程中了。Angular 1 Style Guide使用了一种更好的方法组织文件:特性组织/Folders-By-Feature,就像下面一样:
app/ detail/ detail.controller.js detail.html overview/ overview.controller.js overview.html services/ service1.js service2.js settings/ settings.controller.js settings.html
这当然是一个很简单的工程示例,可能看起来上述两种方式没有太大区别,但是想像一下,当你的工程至少有10个“特性”,每个特性最少包含2个文件,使用“特性组织”的方式会使工程构建十分容易,我们不必深入多级文件夹查找我们需要的文件,因为他就在我们身边。
当然,本文只是简单介绍了“特性组织”,大家感兴趣可以查看Angular 1 Style Guide,里面包含并解释了大量有用的规则。
个人推荐
推荐一款个人使用了半年的理财产品:创建了6年的挖财,新人收益36%,7天18%,1年10%,注册送308元券相关文章推荐
- 不喜欢 IDE?试试看 grepgitvi
- C# IDE VS2005中的Hosting Process (vshost.exe)作用介绍
- AngularJS基础教程之简单介绍
- 分享18个最佳代码编辑器/IDE开发工具
- angularJS 中$attrs方法使用指南
- 简述AngularJS相关的一些编程思想
- AngularJS的一些基本样式初窥
- 创建你的第一个AngularJS应用的方法
- 详解AngularJS中的作用域
- 简介AngularJS的视图功能应用
- AngularJS语法详解
- angularJS与bootstrap结合实现动态加载弹出提示内容
- angularjs中的e2e测试实例
- 简介AngularJS中使用factory和service的方法
- PHP IDE PHPStorm配置支持友好Laravel代码提示方法
- AngularJS + Node.js + MongoDB开发的基于高德地图位置的通讯录
- 推荐5款跨平台的PHP编辑器
- 举例讲解AngularJS中的模块
- 使用AngularJS处理单选框和复选框的简单方法
- AngularJS+Node.js实现在线聊天室