ios android混合开发cordova环境的搭建_0neBean_NOTE

前言:

本篇教程详细描述了如何从0开始搭建cordova混合开发环境,如有需要在现有ios项目上通过cocoapods集成cordova,或是ios平台的cordova插件编写,ios平台加载网络连接、本地页面,请点击我的头像关注我的更多文章!

part 1:配置cordova环境

第一步当然是找到传说中的 cordova官网

ios android混合开发cordova环境的搭建_0neBean_NOTE_第1张图片

点击开始看到提示,必须先安装依赖 node.js
之后执行安装命令如下(一下命令必须翻X来执行,不然你就不会成功!)

$ npm install -g cordova


part 2:创建cordova应用

安装成功后,可以通过以下命令来检验:

$ cordova help create

ios android混合开发cordova环境的搭建_0neBean_NOTE_第2张图片

如图所示,恭喜你,你成功了,否则去翻X,慢慢下载吧 :-)!

如官方示例所示,输入以下命令来创建应用:

$ cordova create myApp org.apache.cordova.myApp myApp

part 3:集成ios android

ios android混合开发cordova环境的搭建_0neBean_NOTE_第3张图片

创建完cordova项目路径如上图所示,接着按照官方文档说明,分别在统一路径下创建ios和android应用,添加其他平台命令以此类推,可参考官方文档。

cordova platform add android

安装完成后如下图所示,集成度非常高,如果你有cocoapods环境的话,已经帮你集成好了cocoapods。

ios android混合开发cordova环境的搭建_0neBean_NOTE_第4张图片

part 4:安装跨平台的JS插件

cd到cordova项目根目录输入以下命令,集成网络上的现有插件。

官方插件社区

添加插件:

$ cordova plugin add cordova-plugin-camera

删除插件:

$ cordova plugin remove cordova-plugin-camera

The Last:

Enjoy :-)!

你可能感兴趣的:(ios android混合开发cordova环境的搭建_0neBean_NOTE)