osx项目安装cordova开发编译环境并创建项目

 

PhoneGap/cordova为代表的基于HTML5开发iOS/Android应用的技术，大大降低了手机App的开发门槛。虽然目前与原生的Object-C/Java开发的应用在性能上还有差距，但是对于一些网站客户端类的APP来说已经足够实用了。另外随着技术的进步，未来HTML5也许成为开发app的主流技术。

将html5打包成ios app，既可以选择appcan, build.phonegap.com这类的在线编译工具，也可以自己配置本地的xcode开发环境。虽然配置本地环境比较繁琐，但是灵活性更大，不会受制于人（很多在线打包网站，免费的服务有很多限制）。简单整理一下配置一个ios项目的步骤。

※很多人使用黑苹果作为ios的开发环境，不过不建议这样做。将时间耗费在研究黑苹果上没什么意义。

1. 在App Store安装xcode，最新版位6.0

2. 安装node.js环境

官网：http://nodejs.org/

点击【install】，会下载mac的安装包。正常安装即可

3. 使用命令行安装cordova

官网：http://cordova.apache.org

命令行帮助：http://cordova.apache.org/docs/en/4.0.0//guide_cli_index.md.html#The%20Command-Line%20Interface

主要命令： sudo npm install -g cordova

4. 创建新项目

命令行：cordova create hello com.mydomain.hello HelloWorld

第一个参数是文件目录，第二个参数是app id, 第三个参数是显示的title

5. 为项目安装平台模块，这里只增加ios

cd hello

cordova platform add ios

6. 安装需要的扩展插件，例如，安装应用内支付模块

文档：https://github.com/j3k0/cordova-plugin-purchase/wiki/Setup

命令：

cordova plugin add https://github.com/j3k0/cordova-plugin-purchase.git

7. 双击HelloWorld.xcodeproj，打开xcode的开发环境

xcodeproj工程项目的文件位置：hello/platform/ios/

原文出处：点击打开osx项目安装cordova开发编译环境链接