Windows下Cordova环境搭建及如何用android studio导入cordova项目生成apk

cordova环境搭建:

1:配置android环境,就是安装jdk ,android studio ,sdk,java环境配置,总之就是能正常开发原生android,百度上有很多。

 注意sdk一定要下载到 23,否则后面会出问题,具体为什么没有研究。

2:在    https://nodejs.org/ 下载需要的nodejs(本人是win7),然后安装,一直下一步就行。

3:输入cmd进入DOS界面

blob.png

 

4:DOS界面下输入npm install -g cordova 命令安装cordova

 5:DOS界面下输入cordova  -v 命令可查看cordova版本

blob.png

 

6:DOS界面下输入 E:命令进入E盘,(输入自己想进的),通过 cd test 命令进入文件夹

blob.png        

 

7:DOS界面下输入cordova create cDemo com.example.demo HelloWorld 命令创建一个名为cDemo的项目,包名为com.example.demo

app名为HelloWorld,红线包围部分第一次创建不太一样。

blob.png

 

8:图为创建好的项目

blob.png

 

9:DOS界面下输入 cd  cDemo 命令进入项目根目录,并输入cordova platform add android 命令,将项目加入android工程。项目的platforms文件夹下回多出一个android文件夹。

blob.png

 

10:DOS界面下输入 cordova build 对项目进行build,第一次需要下载东西比较慢. E:/Test/cDemo/platforms/android/build/outputs/apk/android-debug.apk 这个地址是apk所在文件夹

blob.png

11:下面是对 android studio 的操作,导入该项目,注意一定要选到 build.gradle

blob.png

blob.png                       

 

 

12:这样就ok了,可以运行了。 如果make project按钮后面,没有app设置的话,可以找到 sync project with gradle files即可

blob.png

 

修改时间 2019-06-28

真诚赞赏,手留余香
赞赏
随机推荐
Markdown 基本语法
windows中Git的换行符为 CRLF
Express教程1 概述
PHP 判断是否为 AJAX 请求
input上选择同一文件change事件不生效
Node.js 爬虫常见问题
20180121龙
Vue.js 如何添加全局函数或变量?
19号笔刷的运用小技巧
Photoshop 线稿上色技巧笔记