Cordova的使用,详细的信息还是从官网上看的比较好。我这里只是总结下,我在创建cordova项目中的一些步骤。官网在持续的更新中。
这里已iOS项目的创建为版本进行说明
1.创建一个跨平台为中心的项目
1.1 首先要配置好node环境。我已经安装了node.js 版本是5.1.0如果版本过低,在现在创建项目的时候会出错
https://nodejs.org/en/ 如果没有安装node.js就需要安装
1.2 安装cordova。如果安装过cordova,再次创建项目的时候就不需要再次安装cordova了。
sudo npm install -g cordova
1.3 创建一个cordova项目
cordova create PlugInSet com.example.pluginset PluginSetShow
注释:
PlugInSet 工程的文件夹的名字。
com.example.pluginset bunderId 的名字
PluginSetShow 工程的名字
创建完成的工程默认为放到houst中,有个小房子的图标下。
1.4 添加一个平台
1.4.1 cd 到创建项目的文件夹路径 cd /Users/maxrocky/PlugInSet
缺少这不会报错 Error: Current working directory is not a Cordova-based project.
1.4.2 cordova platform add iOS
如果想添加一个指定的版本号的。
cordova platform add ios@3.9.0
这样就创建的是的ios3.9.0的版本的工程
创建成功:
Adding ios project...
iOS project created with cordova-ios@4.0.1
Discovered plugin "cordova-plugin-whitelist" in config.xml. Installing to the project
Fetching plugin "cordova-plugin-whitelist@1" via npm
Installing "cordova-plugin-whitelist" for iOS
这样一个以跨平台为中心的cordova项目就创建成果了。
1.5 给这个cordova项目集成cocoaPod
1.5.1 如果以前有安装过cocoaPod 就可以执行。查看当前电脑上安装的cocoaPod的版本。
pod —version
zhouzhouMacBookAir:PlugInSet maxrocky$ pod --version 0.39.0
这就表示电脑已经安装了cocoapod了。
1.5.2 接下来是吧cocoapod集成到项目中。会需要一个podfile。 注意这里应该cd到iOS平台的目录下。
cd到工程文件夹下,
cd /Users/maxrocky/PlugInSet/platforms/ios
方法一:
vim Podfile 然后终端会进入到编辑状态,然后输入,
platform:ios,’7.1’ 这个是表示客户端支持的平台,可以不写
pod “AFNetworking”,”~>2.0”这里表示的是,你需要下载的第三方库。
点击ESC退出编辑,:wq回车,就保存退出,这就生成了一个Podfile文件。
接下来执行 pod install 就可以了。
方法二:
如果想初始化一个空的podfile
可以执行 pod init 着个步骤之后,就生成了一个空的podfile文件
然后pod install 就可以了。
这里注意要修改podfile,不能用文本编辑之类的文件打开,要使用Sublime打开
1.5.3 如果没有安装过cocoapod 可以安装cocoapod
a. sudo gem install cocoapods 这个命令会由于镜像源的问题报错
会有一个地址:http://ruby.taobo.org/在这个地址中会查看到一些更好镜像的方法。
或者去网址搜索一些cocoapod安装教程。http://www.jianshu.com/p/071d30a3af02
总结步骤
(1)create cordovaPodDemo com.example.cordovaPodDemo CordovaPod Creating a new cordova project.
(2)cd /Users/maxrocky/cordovaPodDemo
(3)cordova platform add ios
cordova platform add ios@3.9.0
Adding ios project...
iOS project created with cordova-ios@4.0.1
Discovered plugin "cordova-plugin-whitelist" in config.xml. Installing to the project
Fetching plugin "cordova-plugin-whitelist@1" via npm
Installing "cordova-plugin-whitelist" for ios
1.6 使用cordova添加和删除插件
添加: cordova plugin add /Users/maxrocky/Desktop/maxrocky-plugin-base64Image
/Users/maxrocky/Desktop/maxrocky-plugin-base64Image 自定义的插件的地址。
插件列表: cordova plugin ls 可以的到插件列表
cordova plugin rm "从插件列表中的到的id"
对于cordova跨平台方式的创建,插件的添加方案请参考如下网址(cordova的官网)
http://cordova.apache.org/docs/en/latest/guide/cli/index.html