1，phonegap集成angular
按照这篇文档的步骤：
首先，对windows用户而言，该教程中用到的是linux shell命令，需要了解一些shell命令与cmd命令之间的对照
如果不用命令行，其实就是一些文件和复制和删除改名等动作，自己到资源管理器操作就行了。不过，如果你装过git for windows的话，会有一个bash环境，这些命令也是可以用的，建议装一个，会方便很多。1.1 安装phonegap，下载angular-seed项目
npm install -g phonegap
cd path/where/you/do/work/phonegap create seedgap com.example.seedgap SeedGapgit clone1.2 删除一些不再需要的资源
主要避免安装文件过大，不然此步可略过
cd ../
rm seedgap/www/spec.htmlrm -R seedgap/www/spec/rm seedgap/www/img/logo.pngrm seedgap/www/css/index.css1.3 手动建新文件
用意未知，这个需要跟.gitignore配合才有意义，按示例加上吧
如果不用touch命令，如何添加一个点号开头的文件，请自行放狗搜索touch seedgap/www/img/.gitkeep
1.4 把angular-seed里面的文件复制到phonegap里面
cp angular-seed/app/js/* seedgap/www/js/
cp angular-seed/app/css/* seedgap/www/css/cp -R angular-seed/app/lib/ seedgap/www/libcp -R angular-seed/app/partials/ seedgap/www/partialsmv seedgap/www/index.html seedgap/www/index-old.htmlcp angular-seed/app/index.html seedgap/www/index.htmlcp angular-seed/{package.json,README.md} seedgap/cp -R angular-seed/config/ seedgap/configcp -R angular-seed/logs/ seedgap/logscp -R angular-seed/scripts/ seedgap/scriptscp -R angular-seed/test/ seedgap/test如果用资源管理器来操作：
把see/app目录下的（css, lib, partials)几个文件夹拷贝到www目录下即可
同时把www/index.html改名为index-old.html，因为我们还需要用它来拷贝一些代码随后把angular-seed里面的Index.html复制进去最后几行是把测试框架和一个用node写的webserver加上去了，如果你有此需求，也把相关文件复制进去，否则文件拷贝工作就结束了1.5 修改index.html
我下面的代码都来自改名后的index-old.html文件，不再说明多少行了
1.5.1，拷贝如下两行代码到<head>标签里
1.5.2，拷贝如下两行到angularjs加载的标签前
1.6 修改index.js
最后，在www/js/index.js文件中的receivedEvent里面把页面用angular给驱动起来
receivedEvent: function(id) { console.log('Received Event: ' + id); angular.bootstrap(document, ["myApp"]);//添加本行代码} 1.7 编译运行
此时，进入phonegap项目根目录
phonegap run android此时在你的模拟器或设备应该能正常跑起来2，集成Twitter Bootstrap
如果你没有用任何UI库，那么可能你希望集成一个bootstrap，很简单，集成bootstrap是不需要任何教程的，把bootstrap下载下来，里面的js, css和font三个文件夹全部拷到www目录下即可
我们现在玩的是phonegap，显然是在做手机应用，所以建议优先考虑bootstrap 3，这是一个优先为移动平台设计的版本。3，集成animate.css
这里说到了两件事
1，angular对directive的动画的支持从1.1.4开始，一直在变，不管你以前没用过，还是用过，这里以1.2.0版的调用方式为基础。
2，我讲的是与animate.css()这个项目进行整合，它是一个纯用css3实现的动画库，非常简单轻便这里建议下载animate.css的非压缩版，因为既然是动画，你自定义的意愿肯定很强，这时候你就需要修改源码，或者至少拷贝源码出来做自己的效果了（对不熟悉css3动画的人而言）
在上面的例子里，我们切换view，希望它有一个动画，比如新页面从右往左滑入，老页面左右向右滑出，我们通过网站的示例，知道了这两个动画的名称(其实就是css中的keyframe)分别叫slideInRight和slideOurLeft，现在开始为ng-view标签添加一个class为'view-animate'作为钩子，顺便把其容器加上'view-container'这个class为这个钩子写css
.view-container{position:relative;height:200px;overflow: hidden; } .view-animate{top:0; position:absolute;} .view-animate.ng-enter { -webkit-animation: slideInRight 1s; -moz-animation: slideInRight 1s; -ms-animation: slideInRight 1s; animation: slideInRight 1s; } .view-animate.ng-leave { -webkit-animation: slideOutLeft 1s; -moz-animation: slideOutLeft 1s; -ms-animation: slideOutLeft 1s; animation: slideOutLeft 1s; } 1，view-container的样式纯粹是演示用，就事论事，不把容器位置固定起来，这些滑动效果不好，具体各位自己去调，这不属于集成的一部分
2，主要原理其实是angular在ng-view切换的时候，会把旧的view加上ng-leave和ng-leave-active这两个class，把新的view加上ng-enter和ng-enter-active这两个class，所以据此把这两个class应用已经在animate.css里面定义好的keyframe就行了，同样，你自己学会写keyframe了的话，也就可以应用自己的动画了。3，动画记得至少要加上-webkit-这一节，因为大部分手机的浏览器还是基于webkit的