您的位置:首页 > 其它

MAC下搭建ionic环境

2016-04-24 17:19 176 查看
说在前面的话

当时搭建此环境的时候,由于网络环境比较差,各种不成功,在网上找了好久教程,趟过很多坑,现在把自己实践成功的写出来,给大家一个参考吧。

操作步骤:

1、安装node.js

2、安装Cordova

3、安装ionic

4、验证

5、安装iOS-sim 、iOS -deploy

一、安装node.js

要装cordova和ionic,需先安装node.js,因为cordova和ionic需要通过命令在线安装。去官网下载node.js安装包安装,网址是https://nodejs.org/en/,下载那个推荐使用的,如下图:



安装完后,在终端terminal输入以下命令验证是否安装成功:

  node -v

  npm -v

二、安装cordova

需要通过命令在线安装。网络环境比较差,通过镜像安装成功(若你能FQ的话,就不要这么折腾了,直接按官网的操作流程就好了。。。),

1)设置镜像

npm config set registry http://registry.cnpmjs.org
2)安装cordova (其实也可以ionic一块装的,但是没试过。。。)

sudo cnpm install -g cordova

3)测试安装是否成功:

cordova -v

三、安装ionic

这个安装的比较纠结,首先 sudo cnpm install -g ionic 安装多次失败。主要体现在总是提示少Model,这表示没有完全安装,ionic安装一次失败后,就不要多次安装了,需要先卸载之前安装的ionic,遇到了类似的问题,就去网上搜如何卸载ionic吧,这里就不细说了,可参考此文章http://www.bubuko.com/infodetail-1125544.html。我当时做得比较简单粗暴些,就是找到ionc的安装目录/usr/local/,然后删掉local这个文件夹(为了避免删错文件,还是只删除/usr/local/bin和/usr/local/lib把里面有关 node 、node_moudel的文件夹全部删除),然后再重装node和cordova。

然后输入以下命令安装ionic成功

sudo npm install -g cnpm --registry=http://r.cnpmjs.org

npm install microtime --registry=http://r.cnpmjs.org --disturl=http://dist.cnpmjs.org

sudo npm install -g ionic 安装成功

四、验证

ionic info 此命令会输出ionic的版本信息以及哪些有没有安装,如下图所示:



ionic start myApp(your project name) 此命令成功, 就说明安装成功。

五、安装iOS-sim 、iOS -deploy

sudo cnpm install -g ios-sim

sudo cnpm install -g ios-deploy 这个命令可能会报错,若报错,用sudo npm install -g ios-deploy --unsafe-perm=true代替

以上就是我搭建ionic的悲催过程,希望你安装时不会遇到这些问题😃。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: