写在前边
这个Cordova学习笔记系列全部是iOS开发的角度写的,因为本人做iOS开发,整合别人的项目时遇到这个框架才开始学习的,本人基本没有html和js开发经验,单纯从实用主义出发,从搭建环境,编写demo,项目移植,下载网络插件,自己编写插件,解决遇到的问题等几个方面介绍Cordova框架.
开发环境:MacBookPro 系统:OS X 10.10.5 开发工具:Xcode 7.2
环境搭建
1. 安装Node.js
去Node.js官网(点我进入下载页面)下载Node.js并安装(安装非常简单,此处略过).
我安装的是最新版本,版本是V5.9.0
2. 安装Cordova环境
打开命令行窗口,执行以下语句:
sudo npm install -g cordova
nmp是我们刚刚安装的Node.js依赖包管理工具,在此处用来安装cordova环境
3. 查看Cordova是否安装成功
打开命令行窗口,执行以下语句:
cordova -version
显示版本号说明Cordova环境安装成功.
4.卸载Cordova
sudo npm uninstall cordova -g
编写Demo
来编写我们大家都喜闻乐见的HelloWorld Demo程序吧
-
-
创建项目
cordova create hello com.hello.www HelloWorld
命令:cordova create -->创建一个cordova项目
参数1: hello -->会创建一个名hello的文件夹,整个项目将建立在这个文件夹下
参数2: com.hello.www -->和xcode中的那个bundleId差不多吧?好像是,不要在你这些细节.
参数3: HelloWorld -->这就是新创建的项目的名称了.
-
移动到hello目录下
cd hello
刚才不是创建了一个hello的文件夹吗?我们要到他的目录下去
-
添加iOS版本支持
cordova platform add ios
为刚才我们创建的项目添加iOS版本.
需要注意的是,这一步骤需要联网,之后再网络通畅的情况下,才可以顺利添加iOS的版本支持.
在目录:hello -> platforms -> ios 下可以看到HelloWorld.xcodeproj文件,看到它,我们就算成功完成了Cordova的第一个Demo的编写.
编译运行这个程序,我们会看到这个页面:
总结
- Cordova框架安装其实很简单,如果安装环境等命令行语句不能执行,可以在命令前添加 sudo 试一下,这样可以使用管理员权限.
- 我的电脑没有电池,所以每次开机以后时间都是2001年1月1日,有一次我没有调整时间,就执行以上的命令,会有报错:
Error: certificate is not yet valid
以后看到这个问题,可以检查一下是不是自己的系统时间有问题.
