Cordova学习笔记《1》搭建环境

来源:互联网 发布:知峰保暖内衣价格 编辑:程序博客网 时间:2024/05/16 02:03
关于Cordova的详细介绍,可通过其他途径了解,这里就不在详细介绍了。
简介:Cordova提供了一组设备相关的API,通过这组API,移动应用能够以JavaScript访问原生的设备功能,如摄像头、麦克风等。

1、安装软件
  • 安装Node.js,下载地址https://nodejs.org/en/
  • 安装JDK1.7或1.8,下载地址 http://www.oracle.com/technetwork/java/javase/downloads/index.html
  • 安装SDK,下载地址 https://android-sdk.en.softonic.com/
注:如有需要安装Gradle、Ant,这里就不在提供下载地址,可以通过其他途径获取。

2、配置环境变量
  • JAVA_HOME:C:\Program Files\Java\jdk1.8.0_111
  • ANDROID_HOME:F:\download\sdk
  • PATH:D:\soft file\android-sdk\tools;F:\download\sdk\tools;F:\download\sdk\platform-tools;%GRADLE_HOME%\bin
  • GRADLE_HOME:D:\soft file\gradle-2.14.1
  • ANT_HOMEG:adt-bundle-windows-x86_64-20131030apache-ant-1.9.4
  • CLASSPATH;%ANT_HOME%lib;
  • PATH  ;%ANT_HOME%bin;
注:环境变量路径以自己的安装路径为准,以上为我的安装路径。

3、开始安装
  • npm install -g cordova
  • 创建cordova项目:cordova create hello com.example.hello HelloWorld
  • cd hello
  • 添加目标平台(我的运行环境是android):cordova platform add android --save IOS的执行cordova platform add ios--save
  • 检查你当前平台设置状况:cordova platform ls
  • 检测你是否满足构建平台的要求:cordova requirements
  • 添加平台构建cordova build android
  • 发布到真机cordova run android或者发布到虚拟设备cordova emulate android
4、关于cordova的文件目录介绍
  • hooks: 存放的是我们的扩展功能
  • platforms: 存放的是我们已经添加的运行时
  • plugins: 存放的是我们引入的插件
  • www:则是我们的开发目录, 开发HTML5相关的资源和文件, 都在这个目录
注:由于作者比较笨拙,折腾了很久才运行在手机上,good!