混合APP(cordova)开发环境搭建

1.nodejs环境下载
下载地址:https://nodejs.org/zh-cn/download/
根据自己的系统环境选择下载安装文件并安装

安装完打开cmd, 输入 node -v 和 npm -v 可以看到如下图的结果

混合APP(cordova)开发环境搭建_第1张图片

2.安装cordova, 在cmd中输入 npm install -g cordova ,安装过程和结果大概如下图
混合APP(cordova)开发环境搭建_第2张图片

每个版本的结果不一样,只要 输入 cordova -v 出现版本号就代表安装成功了
3.在cmd cd到你的工作目录,如我的工作目录为 D:\apps
4.cordova项目 (cordova create <文件夹名> <包名>
例如: cordova create TestCordova com.test.TestCordova TestCordova

文件夹目录
混合APP(cordova)开发环境搭建_第3张图片

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.添加安卓平台

混合APP(cordova)开发环境搭建_第4张图片

6.编译调试程序

不是每一句代码都需要运行,根据自己的需求进行选择。

cordova install android //将编译好的应用程序安装到模拟器上。
cordova emulate android //在模拟器上运行(前提是创建好AVD)
cordova serve android //在浏览器运行
cordova build android //打包cordova项目到android平台。
cordova run android //通过USB直接安装到真机(该语句已经包括了build命令)

你可能感兴趣的:(混合APP(cordova)开发环境搭建)