设为首页 收藏本站
查看: 1021|回复: 0

[经验分享] MAC下搭建ionic环境

[复制链接]

尚未签到

发表于 2017-2-25 09:24:55 | 显示全部楼层 |阅读模式
  说在前面的话
  当时搭建此环境的时候,由于网络环境比较差,各种不成功,在网上找了好久教程,趟过很多坑,现在把自己实践成功的写出来,给大家一个参考吧。
  操作步骤:
  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/,下载那个推荐使用的,如下图:
DSC0000.png

安装完后,在终端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的版本信息以及哪些有没有安装,如下图所示:
DSC0001.png
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的悲催过程,希望你安装时不会遇到这些问题

运维网声明 1、欢迎大家加入本站运维交流群:群②:261659950 群⑤:202807635 群⑦870801961 群⑧679858003
2、本站所有主题由该帖子作者发表,该帖子作者与运维网享有帖子相关版权
3、所有作品的著作权均归原作者享有,请您和我们一样尊重他人的著作权等合法权益。如果您对作品感到满意,请购买正版
4、禁止制作、复制、发布和传播具有反动、淫秽、色情、暴力、凶杀等内容的信息,一经发现立即删除。若您因此触犯法律,一切后果自负,我们对此不承担任何责任
5、所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其内容的准确性、可靠性、正当性、安全性、合法性等负责,亦不承担任何法律责任
6、所有作品仅供您个人学习、研究或欣赏,不得用于商业或者其他用途,否则,一切后果均由您自己承担,我们对此不承担任何法律责任
7、如涉及侵犯版权等问题,请您及时通知我们,我们将立即采取措施予以解决
8、联系人Email:admin@iyunv.com 网址:www.yunweiku.com

所有资源均系网友上传或者通过网络收集,我们仅提供一个展示、介绍、观摩学习的平台,我们不对其承担任何法律责任,如涉及侵犯版权等问题,请您及时通知我们,我们将立即处理,联系人Email:kefu@iyunv.com,QQ:1061981298 本贴地址:https://www.yunweiku.com/thread-346869-1-1.html 上篇帖子: gulp教程之gulp-minify-css 下篇帖子: MAC OSX环境下cordova+Ionic的安装配置
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

扫码加入运维网微信交流群X

扫码加入运维网微信交流群

扫描二维码加入运维网微信交流群,最新一手资源尽在官方微信交流群!快快加入我们吧...

扫描微信二维码查看详情

客服E-mail:kefu@iyunv.com 客服QQ:1061981298


QQ群⑦:运维网交流群⑦ QQ群⑧:运维网交流群⑧ k8s群:运维网kubernetes交流群


提醒:禁止发布任何违反国家法律、法规的言论与图片等内容;本站内容均来自个人观点与网络等信息,非本站认同之观点.


本站大部分资源是网友从网上搜集分享而来,其版权均归原作者及其网站所有,我们尊重他人的合法权益,如有内容侵犯您的合法权益,请及时与我们联系进行核实删除!



合作伙伴: 青云cloud

快速回复 返回顶部 返回列表