一个快速移动开发的模板

浏览数：13 / 时间：2015年06月11日

大概两周前，我们BI团队开始做移动应用，我自己也是刚刚接触移动开发，过去两周在同事们的帮助下，虽然学到的知识和经验非常有限，我想仍然有一些东西是可以总结和分享。假如这对大家有一丁点的帮助，那就很好了！

有一点我最深刻的感受，就是移动开发并非要求你一定去学习一打新的技术栈，比如Java、Object-C,操作系统等等。可以说，做移动开发需要的最小的技术集合是前端web开发所需要的技术，这其中的包括JavaScript、html、css、http等等一些很熟悉的语言和协议。显而易见，这些基于web浏览器的技术是跨平台的，因此编写一份代码就可以运行在Android和IOS上成为了可能。当然，不同的操作系统要想运行同一个移动应用程序，对这个移动应用的文件组织结构、配置信息都是不同的，开发者需要在各平台上对程序进行编译。好在懒惰是程序员的高尚的品质之一。对开发者来说，任何和应用本身无关的东西，都是额外的工作，于是出现了PhoneGap这样的技术，解放了不同平台对开发者的束缚，避免重复的劳动，捍卫了开发者的尊严。

人生太短暂，确实有些事情不必从头开始。如果你想尝试移动开发，当然也不希望从零开始，最好就是一个命令就让程序像马儿一样的跑起来。本着这个想法我在开发之余，把需要用到技术框架和和技术实践做成一个模板，一则丰富模板方便自己快速开始一个新的项目，二则可能有幸帮助到需要的同事。模板里有很多不足，在日后也会将更多的可重用的东西添加进来。

这个模板在这里可以获取: https://github.com/darlinglele/mobile-app-seed ，模板有以下几个东西。

使用npm来管理开发环境所需要的程序，包括phonegap、bower、http-server等程序。其中bower和npm类似，是JS库的依赖管理工具，通过这两个工具，你就无须再到处去下载和安装程序了。
UI框架是Framework7，这个框架不仅在外观上可以和IOS本地应用乱真，它提供的API也是非常的丰富和优秀，开发起来效率甚高、心情愉悦。
MVC框架AngularJS, MVC是一个很好的设计模式，找不到更好的理由不去这样做。
RequireJS 模块化，JS本身有太多问题，这个东西的本意是更好的进行JS模块化设计，它没多么神奇，但是会让代码腐朽的慢一些。

另外我正在做的这个Developer.html页面里, 会包括下面几个东西，希望能提高开发效率：