2.Ionic 环境搭建(ios创建环境运行)
来源:互联网 发布:java中并且符号 编辑:程序博客网 时间:2024/06/06 08:24
前言的前言:
昨天折腾了一天,主要是公司网络不给力,Xcode下了一天啊!!!晚上背着电脑回家继续搞,才把ios环境运行出来。所以今天就乘热打铁,把昨天的血泪史记下来,以此祭奠我嘚瑟的青葱~~
前言:
之前把angular-phonecat项目搭建完毕,但是那只是学习angular语言需要的。你会发现,angular运行环境依旧是web网页端。如果你本来就是web端的开发,感觉只是在学习一门语言而已(其实本来就是这样子,但是我相信你懂得意思~~⁄(⁄ ⁄•⁄ω⁄•⁄ ⁄)⁄~~)。
移动端的H5开发,基本在用混合式开发,现阶段比较流行的组合就是:angularJS+Ionic。那么问题来了,您还得去搭建Ionic的环境。所以今天就对Ionic搭建做下笔记,以后会再补充。
ios创建环境运行:
1.安装Node.js
在学习angularJs的时候,nodejs已经安装过了,如果没有安装的话,地址如右:http://nodejs.org/download/
需要nodejs的版本号是v0.10.27+。所以最好在终端确认下你的nodejs的版本号是多少:
2.安转Cordova
Cordova是什么?有问题找度娘啊~~
简单来说,Cordova提供个一套原生装备的API,这些原生装备是移动端系统自己本身的摄像头,麦克风这类功能的API,允许JS去访问调用,是不是很吊!!
如果想详细了解其的运行机制以及优劣,可以参考下这个博客:http://express.ruanko.com/ruanko-express_74/technologyexchange6.html
在终端安装方式如下:
npm install -g cordova 或者 sudo npm install -g Cordova
3.安装Ionic
npm install -g ionic 或者 sudo hpm install -g ionic
4.安装Xcode
这个在appStore上直接安装就成。
5.创建运行项目
一切完毕,开始执行以下命令:
ionic start myProject*myProject是工程名字,这个你可以根据自己的喜好随意更改O(∩_∩)O~~
cd myProjectionic platform add iOS*加入IOS平台
ionic build ios
这个命令执行后,你可能看到这样的反馈:
*需要你打开Xcode,然后点击agree。再执行buid命令,就OK了~~
ionic emulate ios
你会发现,终端给你显示的是这个:
ios-sim没有找到,亲!别急,接着往下看,人家终端很人性化的给你了解决方案,最简单的就是最后一种
npm install -g ios-sim然后,重新再执行一遍emulate就大功告成!!最后你会看到这个:
- 2.Ionic 环境搭建(ios创建环境运行)
- Ionic 环境搭建(ios创建环境运行)
- ionic学习一、运行环境搭建
- 搭建ionic环境创建新的工程
- Ionic搭建开发环境-创建项目记录
- Ionic:环境搭建和创建一个项目
- ionic环境搭建和创建项目
- Ionic(一)环境搭建
- 安装 Ionic 运行环境
- ionic--windows环境下搭建ionic环境
- ionic 环境搭建
- ionic 环境搭建
- (一) Ionic 环境搭建
- ionic环境搭建
- ionic 开发环境搭建
- ionic mac 环境搭建
- ionic环境搭建
- cordova+Ionic环境搭建
- cdh5.4、cm5.4 安装详细步骤
- 【1】基于TQ2440的MP3设计——【4、U-Boot 移植与改写】
- 【Unity3d】3d角色换装实现原理及步骤
- Android HttpURLConnection.getContentLength() 等于 -1
- 通用List查询
- 2.Ionic 环境搭建(ios创建环境运行)
- Linux重新学习--shell--正则表达式
- 求一个数阶乘的位数
- 【Unity3D】3D角色换装++ Advance
- 大小端字节序
- 专访Tiny框架创始人悠然:好的软件设计是“品”出来的
- php的字符串操作与正则表达式
- 盘点国内外在线app制作平台:分分钟做款app
- 控制台程序关联的cmd.exe进程