cordova

1.前提条件： 安装node cordova vue 2.关于Cordova相关的 使用Cordova创建一个项目 cordova create MyApp 添加平台支持 cd MyApp cordova add platform android -save cordova add platform ios -save cordova platform add browser -save 检查你当前平台设置状况: cordova platform ls 检测你是否满足构建平台的要求 cordova requirements 3.关于vue相关的 在当前目录创建一个新的文件夹 安装vue-cli npm install -g vue-cli 创建vue项目 vue init webpack 安装完成后目录结构为： 4.合并vue跟cordova 修改vue项目中bulid中的配置为如下图 因为打包后的index.html在www目录下的index文件夹 所以要修改cordova的config.xml里面文件的配置 5.打包运行 在vue项目下运行 npm run build 打包后的文件在Cordova的www目录下 打包后的www目录为： 打开www/index/index.html就可以看到打包后的效果了 6.安装cordova插件 cordova plugin add xxx

Cordova和PhoneGap的关系：PhoneGap 被 Adobe 收购了，但是剥离了核心代码贡献给 Apache Software Foundation，Apache 将这个项目命名为Cordova ，也就是说 PhoneGap 是基于 Cordova 的。所以用的时候用cordova就可以了。 一、安装前准备工作 1.下载java JDK 1.6以上版本 http://www.oracle.com/technetwork/java/javase/downloads/jdk7-downloads-1880260.html 2.下载Android Development Tools 已经包括了Android sdk、eclipse，解压即可使用。 https://developer.android.com/sdk/index.html 网盘：http://pan.baidu.com/s/1dD8viLj 3.设置系统变量 Java环境变量配置完以后（也就是java jvac运行成功以后）还需要额外配置的东西如下 系统变量Path后面添加： F:\adt-bundle-windows-x86_64-20140321\sdk\tools F:\adt-bundle-windows-x86_64-20140321\sdk\platform-tools F:\adt-bundle

1.安装nodejs node -v 和nmp -v来查看版本 2 在windows上安装Cordova 在命令行窗口输入： npm install -g cordova 输入 cordova -v 查看版本 3安装jdk 配置环境变量 4安装adt-bunlde 配置安卓环境变量。 //--------------------------npm命令--------------------------------------------- npm install <name> 安装nodejs的依赖包 例如npm install express 就会默认安装express的最新版本，也可以通过在后面加版本号的方式安装指定版本，如npm install express@3.0.6 npm install <name> -g 将包安装到全局环境中 但是代码中，直接通过require()的方式是没有办法调用全局安装的包的。全局的安装是供命令行使用的，就好像全局安装了vmarket后，就可以在命令行中直接运行vm命令 npm install <name> --save 安装的同时，将信息写入package.json中 项目路径中如果有package.json文件时，直接使用npm install方法就可以根据dependencies配置安装所有的依赖包 这样代码提交到github时

1、安装nodejs(自动包含npm) 2、在命令行中通过npm语句 npm install -g cordova 安装cordova(如果提示网络连接失败，需要设置网络代理，搭理网址： npm config --global set registry http://registry.cnpmjs.org) 3、在命令行里通过安装成功的cordova,创建一个混合项目，创建语句： cordova create CordovaDemo com.first.helloworld HelloWorld CordovaDemo :项目文件夹名 com.first.helloworld :项目包名 Helloworld :项目 名 4、通过cd CordovaDemo 命令进入到文件夹内，通过以下命令 cordova platform add android 为你的创建的项目添加安卓运行平台(ios平台添加也一样） 5、运行平台添加成功以后，还需要添加调用手机底层控件 cordova plugin add cordova-plugin-device cordova-plugin-device 基本设备信息 cordova-plugin-network-information 网络连接信息 cordova-plugin-battery-status 电池状态信息 cordova-plugin

目录： 一、ionic的安装 二、创建第一个应用程序 三、浏览器中预览应用 四、项目结构 五、添加页面 一、ionic的安装 使用Ionic创建和开发应用程序主要通过Ionic命令行实用程序（“CLI”），并使用Cordova构建和部署为本机应用程序。 CLI：command-line interface的缩写，命令行界面，是指可在用户提示符下键入可执行指令的界面，它通常不支持鼠标，用户通过键盘输入指令，计算机接收到指令后，予以执行。 Cordova：是从PhoneGap中抽出的核心代码，是贡献给Apache后的开源移动开发框架，是驱动PhoneGap的核心引擎。使用它您可以使用web技术（html、css、JavaScript）来进行跨平台的开发，可针对不同的运行平台构建对应的应用程序，同时提供了一组API，使我们开发的应用可以来访问设备的功能，如摄像头、麦克风、传感器、数据、网络状态等。 具体安装如下： 1. 首先我们需要先安装Node.js和NPM 下载 Node.js 6或更高版本的安装程序，下载好后双击下载的pkg包默认安装即可。 在dos命令行 或者 git 命令行中，可分别输入以下内容查看npm和node的版本号 1 // 查看node版本 2 node –v 4 // 查看npm版本 5 npm –v 2. 安装 Ionic CLI和Cordova。 通过

一、什么是cordova Cordova提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、麦克风等。 Cordova还提供了一组统一的JavaScript类库，以及为这些类库所用的设备相关的原生后台代码。 Cordova支持如下移动操作系统：iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。 二、环境搭建 1、下载 nodeJS ， cordova是利用nodeJS进行管理，其中也包含了npm管理器 （什么是NPM： Nodejs自身提供了基本的模块，但是开发实际应用过程中仅仅依靠这些基本模块则还需要较多的工作。幸运的是，Nodejs库和框架为我们提供了帮助，让我们减少工作量。但是成百上千的库或者框架管理起来又很麻烦，有了NPM，可以很快的找到特定服务要使用的包，进行下载、安装以及管理已经安装的包。 ） 在命令行窗口确认安装完成： 2、配置ant环境， 到官方 主页 下载新版（目前为Ant1.8.1）的ant，得到的是一个apache-ant-1.8.1-bin.zip的压缩包。将其解压到你的硬盘上，例如：C:\apache-ant-1.8.1。 window中设置ant环境变量： ANT_HOME C:/