corvoda 环境配置iOS以及遇到的问题!

视频:http://www.tudou.com/programs/view/sPU71j0LGtE/
教程:http://www.hangge.com/blog/cache/detail_1145.html

1,安装Node.js :
下载地址:https://nodejs.org  注意下载


检测安装:npm -v
niubangzhudeMacBook-Air-2:~ niubangzhu$ npm -v
3.10.3

版本检测:niubangzhudeMacBook-Air-2:~ niubangzhu$ node -v
v6.3.0

2,安装Cordova CLI
 (1)  sudo npm install -g cordova
检测安装:niubangzhudeMacBook-Air-2:~ niubangzhu$ cordova -v
6.2.0

若要更新corvoda进行(2)(3)
(2)sudo npm update cordova -g
(3)更新平台
cordova platform update ios

三,创建一个简单的Cordova项目
1.先新建一个文件夹,
终端:cd 文件路径

2.创建一个项目:
cordova create MyApp (项目名)

3.cd MyApp

4.cordova platform add ios(iOS 指的是平台,可以android)

四。运行
cordova emulate ios --target iPhone-6s

四。运行
2,目录结构说明
可以看到  Staging 文件夹下面有个 www 文件夹和一个 config.xml 文件(蓝框标注的)。
而在 Staging 文件夹外也有个 www 文件夹和一个 config.xml 文件(红框标注的)。

后面我们进行开发的时候通常有如下两种方案:
(1)如果在Xcode编译运行的话,使用的是 Staging 下面的html页面。所以我们可以把外面的www文件夹和config.xml从工程中移除(上图红框标注的),只编辑使用Staging文件夹下的html文件,但不建议这么做。
      因为每次Cordova编译的时候,或者更新工程、安装插件时都会重新把红框里的文件覆盖到各个平台下的文件(蓝框标注的)。同时只编辑单个平台工程文件夹下的html页面,也不符合一次编写,同时编译发布多平台的跨平台应用开发思想。
 
(2)所以一般我都是编辑外面的(红框标注)www文件夹里的页面,然后运行如下命令重新 build 工程,这些页面就会自动覆盖到各个平台下对应目录下。
1
cordova build
(3)然后可以在Xcode中编译运行,也可以不用Xcode直接在“终端”中运行如下命令启动模拟器运行:
1
cordova emulate ios
可以指定模拟器使用的模拟设备:
1
2
cordova emulate ios --target iPhone-6s
cordova emulate ios --target iPhone-6s-Plus

3,运行结果如下
(配置、开发第一个应用)

-----------------------------------------------------遇到的问题及解决方案--------------------------------------------------------------

Error: EACCES: permission denied, open ‘/Users/niubangzhu/.config/configstore/insight-cordova.json’

解决方案: 找到路径删除,重新运行 cordova
解决办法:
打开目录/Users/hqtech/.config/configstore/,在终端输入命令:open /Users/hqtech/.config/configstore/
删除update-notifier-cordova.json文件,再运行cordova命令就不会报错了

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

1.npm指定的版本 http://www.myext.cn/javascript/a_7300.html
-g 是全局安装,如果想安装指定版本可以用sudo npm install -g [email protected]版本号。

2.cordova指定的版本 http://zhidao.baidu.com/link?url=0rRIf22v7WKpzQ74PyZbXdv_lipCHFphaIgtvvIm4jUeV1rrO068I9YVLlnfeLNmPMSEmj0f06wDdFAsMnrzpw-74K-ee8QpYXHVWDagWYm

npm install -g [email protected] 可以指定要安装的cordova版本

///////////////遇到Error: Cannot find module ‘xxxx’这类错误
sudo npm install -g xxxx

时间: 2024-10-12 07:06:01

corvoda 环境配置iOS以及遇到的问题!的相关文章

ios下(个人公司非企业级)AdHoc在线安装全环境配置

1,环境 客户端开发:MacOs 10.8.5 服务器开发:Centos6.3 64位 2,软件准备 Apache httpd 2.2.27 OpenSSL 0.9.8za 3,客户端准备 Apple的开发者账号大致分如下三类:个人,公司,企业,这一篇我们主要说下个人.公司的ipa在线安装.个人公司级别的AdHoc有这样一个限制:就是在线发布的ipa包只能安装 在添加到Apple账号的Devices列表中(发布IPA之后再添加的设备需要重新打IPA包)的非越狱设备及越狱设备中,而企业级的开发者账

ios开发环境配置及cordova安装与常用命令

一.ios开发环境配置 1.首先要有台Mac Book,如果有Mac Book,跳过步骤2.3.4,如果没有,执行步骤2.3.4: 2.下载并安装VMware Workstation,最好是下最新版本: 3.下载并安装unlock-all(VMware Workstation默认限制安装Mac虚拟机,需要安装此文件后解除限制); 4.下载Mac OS操作系统的镜像文件(需要是.ios文件)如果下载的是.dmg文件,需要用 anytoiso.exe工具转换成.ios文件,下载完成后在VMware

IOS百度地图之--->第一篇《环境配置与基本使用》

Ios 百度地图SDK简易使用说明:http://developer.baidu.com/map/index.php?title=iossdk 先道歉:对于原来上传的Demo我很抱歉,什么都没有,也没有文档,这次我会逐步增加SDK中相关功能使用(基于百度Simple),如果我写不好请大家多多包含: 第一步:合成静态文件 lipo -create Release-iphoneos/libbaidumapapi.a Release-iphonesimulator/libbaidumapapi.a -

React-Native入门指南(一)——环境配置 & Hello World

React-Native入门指南 github:https://github.com/vczero/react-native-lession React-Native:用JavaScript开发你的原生应用,释放Native的UI体验,体验 Hybird开发效率. 最近一个星期写的文章如下: 第1篇hello react-native 第2篇认识代码结构 第3篇css和布局 第4篇学会react-native布局 第5篇ui组件 还有几篇需要这这周完成(这块会时刻更新): 第6篇JSX语法 第7

ASIHTTPRequest的环境配置和使用示例

ASIHTTPRequest类库是基于ISO SDK的一组网络请求的API.IOS SDK的网络组件CFNetwork API操作起来非常复杂.而ASIHTTPRequest类库是对CFNetwork API的封装,提供了基于HTTP请求的各类操作接口. 比如:下载上传数据,获得HTTP头信息,支持cookie,支持缓存/压缩,端点续传等. 在这里特酷吧整理了ASIHTTPRequest环境的配置方法. 特酷吧采用的是xcode 4.2,到官方网站http://allseeing-i.com/A

一步一步学习Swift之(一):关于swift与开发环境配置

一.什么是Swift? 1.Swift 是一种新的编程语言,用于编写 iOS 和 OS X 应用. 2.Swift 结合了 C 和 Objective-C 的优点并且不受 C 兼容性的限制. 3.Swift 采用安全的编程模式并添加了很多新特性,这将使编程更简单,更灵活,也更有趣. 4.Swift 是基于成熟而且倍受喜爱的 Cocoa 和 Cocoa Touch 框架,它的降临将重新定义软件开发. 5.Swift 是编写 iOS 和 OS X 应用的极佳手段,并将伴随着新的特性和功能持续演进.

史上最详细Windows版本搭建安装React Native环境配置 转载,比官网的靠谱亲测可用

史上最详细Windows版本搭建安装React Native环境配置 2016/01/29 |  React Native技术文章 |  Sky丶清|  95条评论 |  33530 views 编辑推荐:稀土掘金 是一个高质量的技术社区,从 React Native 到 RxJava,性能优化到优秀开源库,让你不错过移动开发的每一个技术干货.各大应用市场搜索「掘金」,技术干货尽在掌握中. 说在前面的话: 感谢同事金晓冰倾情奉献本环境搭建教程 之前我们已经讲解了React Native的OS X

【No.1 Ionic】基础环境配置

Node 安装 git clone https://github.com/nodejs/node cd node ./configure make sudo make install node -v npm -v npm设置淘宝镜像 npm config set registry https://registry.npm.taobao.org npm config set disturl https://npm.taobao.org/dist IOS Simulator sudo npm ins

Mac系统cocos2dx + android 开发环境配置

Mac系统cocos2dx + android 开发环境配置 /****************************************************** 这遍文章主要转载自:http://www.cnblogs.com/wt616/p/3758828.html(这位大哥真的很牛,谢谢!) 然后,文章中又加入了一些自己的理解以及在实际操作过程中遇到问题的解决办法.而这些办法也是来自于伟大 的网友,但由于搜索的比较多,很多出处地址都没有记录好,抱歉,若你们看到,告诉我,我再加上地