在Windows上搭建PhoneGAP(crodova)的开发环境

PhoneGAP是一个能够将web应用打包成移动应用的开源框架,使用它能够迅速的将HTML、CSS和JavaScript开发的web应用打包成跨平台的移动应用程序,而Apache Cordova是PhoneGap贡献给Apache后的开源项目,是从PhoneGap中抽出的核心代码,是驱动PhoneGap的核心引擎。下面介绍如何在windows上搭建PhoneGAP(crodova)的开发环境。java

准备材料

  • JDK
  • nodejs
  • Android SDK
  • 集成了ADT的eclipse
  • Gradle

方法/步骤

1、安装JDK

搭建Java的开发环境,由于后面Android会用到Java的环境,具体的JDK安装于配置,请参考下面的引用连接,或直接在百度上搜索JDK的环境搭建。配置JDK的环境后在“命令提示符”窗口中输入java会有一大堆有关提示信息,输入javac一样也有一大堆提示信息则表示JDK安装配置好了,以下图所示。目前为止,cordova 只支持jdk1.8node

win10怎么安装JDK8,怎么配置JDK8的环境变量android

图片描述

图片描述

2、安装nodejs

PhoneGAP新版本的环境搭建官方建议使用nodejs来安装,因此咱们须要先安装搭建nodejs的环境。首先,下载nodejs,而后傻瓜式安装,最后在“命令提示符”窗口输入node -v,查看是否出现版本号,若是出现则证实安装好,结果以下图所示。(具体搭建过程能够参考下面的引用教程)web

如何在Windows平台上下载、安装和测试nodejsnpm

图片描述

3、搭建Android环境

安装集成eclipse及Android SDK的adt-bundle-windows-x86_64-20140702.zip。建议安装最新版本的Android api 。segmentfault

如何在Windows上搭建Android开发环境windows

图片描述

四,配置Android的环境变量

须要配置好Android的环境变量,平时咱们在eclipse中开发Android时经常不配置Android的环境变量,那是由于eclipse帮助咱们找到Android SDK的位置,而若是经过命令运行Android仍是须要配置Android的环境变量,PhoneGAP(crodova)须要从命令行建立Android,启动Android模拟器。配置好的环境变量在命令行输入adb,若是出现一大堆提示信息,则表示陪Android环境变量配置好了,以下图所示。(具体搭建过程能够参考下面的引用教程)api

在windows10上配置Android的环境变量框架

图片描述

五,安装Gradle

cordova在6.4.0(cordova-android在6.1.2)以后,会要求安装Gradle,基于Gradle来编译、打包android。配置好的环境变量在命令行输入Gradle -v,若是出现一大堆提示信息,则表示陪Gradle环境变量配置好了,以下图所示。eclipse

如何在win10安装Gradle

图片描述

六,安装cordova

首先,打开“命令提示符”窗口,输入命令 npm install -g cordova 以全局方式安装cordova。安装完成在命令行输入cordova -v,若是出现版本信息,则表示陪cordova 安装完成,以下图所示。

图片描述

七,建立项目

在命令行中在输入 cordova create MyNewApp 建立好后,能够看到在桌面成量一个MyNewApp的文件夹,文件夹中的目录结果以下图所示。

图片描述

八,经常使用的命令:

npm install -g cordova
cordova create MyNewApp com.example.MyNewApp MyNewApp
cd MyNewApp
cordova platform add <platform name> 添加平台
cordova platforms ls 查看支持的平台
cordova platform remove <platform name>移除平台语句
cordova build <platform name> 编译
cordova build 编译全部平台
cordova emulate android 启动Android模拟器
cordova run android 在Android平台上运行应用
cordova run android –target=”” 在目标设备上运行当前程序

  • 好的 完工但愿对小伙伴们有所帮助。
相关文章
相关标签/搜索