几个月之前开始接触混合式的APP开发,主要用到了cordova+Ioinc框架,还有就是angularjs,开发的第一步就是安装配置开发环境,刚刚开始项目的时候在网上参考别人的安装步骤安装cordova+Ionic发现windows+android的安装的文档更多一点。OSX环境的比较少,今天正好公司有一台MAC测试机器需要安装环境我就把安装步骤记下来了,到这里分享一下,让大家都少走弯路。也给自己一个备份,分享快乐。
步入正题:一下图文解说(图是我安装时截的图)
安装之前你要保证机器上xcode(ios的集成开发环境,添加ios时需要)已经安装完成(如果xcode安装不了你要看看系统版本和xcode兼容的最低系统版本,系统版本低则要先升级osx系统版本几个G吧,慢慢来)
关于xcode怎么下载安装我这里就不多说了,需要一个apple ID http://jingyan.baidu.com/album/b87fe19eb309f0521835682f.html?picindex=5这里有,安装完成之后也不用配置环境变量,会自动添加,要有管理员权限
1、安装cordova之前要安装nodejs 会包含npm安装(npm是个包管理器),到官网下载https://nodejs.org/en/download/ 是个pkg包下载之后双击下载包运行然后 step by step,osx下会自动添加环境变量,不用手动配置,默认安装到、usr/local下,可以更改目录
2、安装完成之后检查安装是否成功打开命令行输入一下两个命令(输出版本号就是成功)
这一步一般没问题
$node -v
$npm -v
3、这一步就可以安装cordova了(git不用安装,osx和linux都自带git,可以在命令行输入 git -v检查一下)
这一步的主要问题是cordova安装包的镜像问题,由于镜像在国外国内网络不行,出现安装失败的情况。这就要使用代理,在命令行输入一下两个命令
$npm config set registry http://registry.cnpmjs.org
$sudo npm install -g cordova
第一个命令式配置代理
第二行全局安装cordova -g代表全局,需要root权限所以要sudo,需要管理员密码
如下图:前半部分的error是由于我没设置代理所以报错,显示下半部分就是安装成功了
4、输入如下命令测试是否安装成功
$cordova -v
如下则成功
下面就写一个demo测试一下吧
按照官网的步骤来就没错
创建一个hello的文件夹和一个项目
$ cordova create hello com.example.hello HelloWorld
进入文件夹
$ cd hello
添加ISO平台
$ cordova platform add ios
build项目
$ cordova build ios
启动ios模拟器
$ cordova emulate ios
如图:
看到如下ios模拟器界面表示成功
分割线,如果你的项目没有用到ionic框架就不用往下看了
—————————————————————————————
Ioinc安装,cordova安装完成之后ionic安装就简单多了
直接一个命令安装,一个命令测试
$sudo npm install -g ionic
$ionic -v
如图:
重点来了,看到花蓝线的那行了么?
它建议安装如图那天命令,所以要执行如图那条命令,否则可能失败
$sudo npm install -g ios-sim
这样就好啦,ionic的例子我就不写了,官网有和cordova差不多,照着命令敲就行
http://ionicframework.com/getting-started/
以上的所有安装的目录都会在命令行里提示出来。
好了,分享完了,也给自己一个备份以后用,一起进步。