cordova环境搭建:

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

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

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

3:输入cmd进入DOS界面

f802bb72fe3314d00987f49d0f5f6b4b.png

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

22f9042cc6d643ed60554e69f319e206.bmp

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

2d2bdbe0c0aeb0db6ec4f0dba549040e.png

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

2fdaf9a7be87d72c36bf5fd8e9214956.png

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

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

5b65c60262b696fbeb4d42df21efe81f.png

8:图为创建好的项目

030edcff239fab537ac2b733de1d0bb6.png

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

a2c035f41e462c2175a2f30ffac4d8b5.png

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

61d7c6b1e35996d883c2b74b8bb56fc4.png

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

4d63e959f525057c28328820a6620a9a.png

147a72b2a705c29cf9fe82b7b2fb059d.png

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

759842010aa024ba30fb9abd6b75a239.png

修改时间 2019-06-28

真诚赞赏,手留余香

赞赏

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐