用cordova生成android应用

生成android应用需要3个工具,cordova,yeoman,angularjs generator

1.安装cprdova,执行以下命令

$ sudo npm install -g cordova

 2.安装yeoman

$ sudo npm install -g yeoman

 3.安装angilar js generator

$ sudo npm install -g generator-angular

 4.创建一个新文件夹,来放cordova工程,已workspace为例

$ cd to_my_worksapce/

 创建一个工程,以demo命名,id为com.company.demo,生成应用名为DemoApp

$ cordova create demo com.company.demo "DemoApp"

5.进入demo文件夹,并添加android平台

$ cd demo/

$ cordova platform add android

6. 创建一个webapp文件夹,并进入

$ mkdir webapp && cd webapp

7.用yo来创建一个angular框架

$ yo angular webapp 

$ sudo npm install

8. 把你的工程复制替换了webapp里面的文件,然后继续执行,创建android app

$ grunt --force

9.开启服务,看是否能正常运行

$ grunt serve

10.如果运行没有问题继续执行

$ rm -rf ../www/*       //删除www文件夹里面的内容

$ cp -rf dist/* ../www/       //把dist文件的内容复制到www文件夹中

$ cd ..              //返回上级,目录

$ cordova build    生成android应用

11.你可以在路径为platforms/android/ant-build/*debug.apk 中找到apk应用,用usb连接手机,

执行一下命令将应用装在手机上

$ adb install platforms/android/ant-build/*debug.apk

在这里我碰到一个严重的问题,就是安装完成后应用没有样式,找了很长时间的原因,最后发现是引用

的样式文件必须放在  demo/webapp/bower_components/bootstrap/dist/css 文件夹下,否

则执行不了.

相关推荐