混合APP(cordova)开发环境搭建
2019-01-15 本文已影响3人
IT子黎
1.nodejs环境下载
下载地址:https://nodejs.org/zh-cn/download/
根据自己的系统环境选择下载安装文件并安装
安装完打开cmd, 输入 node -v 和 npm -v 可以看到如下图的结果
2.安装cordova, 在cmd中输入 npm install -g cordova ,安装过程和结果大概如下图
每个版本的结果不一样,只要 输入 cordova -v 出现版本号就代表安装成功了
3.在cmd cd到你的工作目录,如我的工作目录为 D:\apps
4.cordova项目 (cordova create <文件夹名> <包名> <app名>)
例如: cordova create TestCordova com.test.TestCordova TestCordova
文件夹目录
hooks:存放自定义cordova命令的脚本文件。每个project命令都可以定义before和after的Hook,比如:before_build、after_build。没使用过。
platforms:平台目录,各自的平台代码就放在这里,可以放一下平台专属的代码,现在这个目录应该是空的,后面会介绍如何创建平台。
plugins:插件目录,安装的插件会放在这里。后面会有专门的文章介绍开发插件。
res:app图标和启动画面图片资源等
www:最重要的目录,存放项目主题的HTML5和JS代码的目录。app一开始打开的就是这个目录中index.html文件。
config.xml:主要是cordova的一些配置,比如:项目使用了哪些插件、应用图标icon和启动页面SplashScreen,修改app的版本,名字等信息,还有平台的配置。
5.添加安卓平台
6.编译调试程序
不是每一句代码都需要运行,根据自己的需求进行选择。
cordova install android //将编译好的应用程序安装到模拟器上。
cordova emulate android //在模拟器上运行(前提是创建好AVD)
cordova serve android //在浏览器运行
cordova build android //打包cordova项目到android平台。
cordova run android //通过USB直接安装到真机(该语句已经包括了build命令)