04-Cordova的学习——安装

cordova的探索,记录于此,过程中磕磕绊绊,不过整体来说还算比较顺利的,用了不到半天的时间💦(首次接触,如记录有误,欢迎指出,共同学习进步🌹)

1.使用终端安装

sudo npm install -g cordova

1.png

2.如上,直接安装卡住了💔这时需要换源

npm config set registry https://registry.npm.taobao.org

检查一下换源是否成功

npm config get registry

换源成功,继续安装

sudo npm install -g cordova

2.直接安装卡住,换源后OK.png

3.经过一段时间的等待,安装成功

3.安装成功.png

4.不明原因,提示May Cordova anonymously usage statistics to improve the tool over time?一开始没有细看,就去查资料了,可能因为长时间等待没有回答,报错了,最后回了NO,告诉我command not found💔
没有理它,接着按着参考资料给的代码,创建一个cordova project

cordova create hello com.example.hello HellWorld [--template templatePath]

事实上,运行,报错了。。。。。 最后删除了后面的可选项,总算创建成功了😄

cordova create hello com.example.hello HellWorld

4.不明原因,回NO后还是报错,最后删除了后面的可选项.png

5.切到创建的项目中

cd hello

在构建项目前需要指定所需平台

cordova platform add ios

6.执行结果.png
按照我的理解是,至此我们算是把需要的cordova代码给下载下来了,下面我们要做的是创建一个iOS项目,然后把相应的cordova相关代码如第三方一样导入到项目中就好了

iOS,我只导入了关键的代码部分,如图

例子

6.我们可以运行一下cordova-demo里的iOS项目

cordova run ios

7.用终端打开新建的项目.png

7.经过大量大量的代码之后,build成功了,模拟器成功启起


7.经过大量大量的代码之后,build成功了,模拟器成功启起.png

好了,cordova的初步尝试就到此了,后期可能会继续探索如何快速开发一个app

参考资源

cordova官网
[iOS下JS与OC互相调用(八)--Cordova详解+实战](http://www.jianshu.com/p/78e486b31953
http://www.jianshu.com/p/e74bc7abac8d)
使用Cordova进行iOS开发 (环境配置及基本用法)
换源参考
添加pch文件报错,参考资料
PhoneGap插件开发流程

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,065评论 25 708
  • ionic 产生的应用,不打包就是跨平台web app, 打包了,就是跨平台mobile app (iOS 和 A...
    Courage_SC阅读 7,201评论 0 9
  • 入夏,天的热情就高涨,诚意邀约肉体参与温度的烘烤盛会。 “太热了!”一个长腿美女妩媚的坐在奶茶店,用手做扇,满头大...
    廖真阅读 200评论 0 0
  • 宝贝: 今天班主任老师在家长群里发了几张照片,一张是预备班的照片,每个孩子都稚气未脱,一张张小脸蛋上透露着活泼和可...
    才赋裴伴_阿裴阅读 481评论 4 6
  • 周末看《罗辑思维》推荐的“超级个体”,在未来,是个体崛起的时代而不是每一个人崛起的时代,那到底什么是超级个体?其中...
    洪雅昕阅读 313评论 0 0