初学cordova

大家好,这是我第一次写博客。希望能和各位前辈一起学习。

cordova搭建

cordova前世今生:

    cordova其实就是一种移动web的框架,它的前身就是PhoneGap。后来PhoneGap捐献给Apache后,抽离出核心代码,就改名为cordova。Cordova支持如下移动操作系统:iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。所以说应用还是很广泛的。

本教程cordova的安装是基于配置好java开发环境和android开发环境的的基础之上。

1.下载node.js

官网地址是https://nodejs.org/en/,下载之后还要进行环境配置(推荐选择 多数人推荐版本下载),下载之后自行选择安装目录。

初学cordova

 2.环境配置:在Path中添加node.js的安装目录。

初学cordova

配置完成打开node.js命令行,输入命令 node -v ,显示版本号

初学cordova初学cordova

3.检查npm是否安装npm:npm其实是node.js的包管理工具。我们在node.js上开发时,会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包,就可以直接通过npm安装使用,不用管代码存在哪,应该从哪下载。这是因为大家都把自己开发的模块打包后放到npm官网上。

初学cordova

4.安装cordova

输入命令:命令行下输入:npm install –g cordova ,这个过程有点漫长,你可以吃个饭洗个澡再回来

此步骤有点看人品,最好是在网络稳定的前提下进行

安装完成之后再命令行键入cordova -v,显示如下,你就完成了。

初学cordova

cordova常用命令:

创建项目:

cordova create HolleCordova com.xxx.hollexx

添加平台(cordova 和 phoneGap的小区别,phonegap在添加平台的时候会添加很多插件,而cordova不会)

cordova platform add android

cordova platform add ios

添加插件:

例如文件传输,cordova plugin add cordova-plugin-file-transfer 

地理位置Geolocation: cordova plugin add cordova-plugin-geolocation

加速计: cordova plugin add cordova-plugin-device-motion

获取本机信息: plugin add cordova-plugin-device

编译项目:

cordova build