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开发编译环境链接

你可能感兴趣的:(ios,osx,Cordova)