Cordova学习笔记-1.环境搭建和编写Demo

写在前边

这个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的编写.

编译运行这个程序,我们会看到这个页面:

CordovaDemo页面.png

---

总结

1. Cordova框架安装其实很简单,如果安装环境等命令行语句不能执行,可以在命令前添加 sudo 试一下,这样可以使用管理员权限.
2. 我的电脑没有电池,所以每次开机以后时间都是2001年1月1日,有一次我没有调整时间,就执行以上的命令,会有报错:
   Error: certificate is not yet valid
   以后看到这个问题,可以检查一下是不是自己的系统时间有问题.