Ionic 安装遇到的问题以及解决方案

http://www.cnblogs.com/wjw-blog/p/4840727.html

公司里要用到 Ionic 做移动App 混合开发

一个环境搭建折腾了好几天。一是公司权限问题,二是网络问题,你懂得。

Ionic 环境搭建官网有教程。本来几行命令就能搞定的事,一旦遇到网络问题,就蛋疼了。慢的要死

Ionic 框架简单了解了一下,由于是基于Anjular.js的,拥有Anjular.js的一些独有特性。比之前接触过的JS ,jQuery ,jQueryMobile要强大且方便的多。

安装ionic 框架,正常流程官网有详细介绍,如果人品较好,分分钟钟就搞好了,还有一种情况,像我这样悲催,网络问题,试了几十遍还是没成功。

好在最后用了比较给力的网,折腾一周才搞定。

mac正常流程:

1、安装Node.js。(最新版本4.1一定是集成了npm 这个包管理工具的)

2、终端上执行命令,$sudo npm install -g cordova 安装cordova

3、终端上执行命令,$sudo npm install -g ionic 安装ionic

当然你可以两行命令合在一起,$sudo npm install -g corvoda ionic

顺利的话,稍等片刻就能安装成功。接下来可以用命令行新建一个工程:

4、终端上执行命令,$ionic start myApp blank 新建一个空工程

或者$ionic start myApp tabs 新建一个带tab框架的工程

或者$ionic start myApp sidemenu 新建一个带侧边栏的工程

5、cd myApp 到工程目录下,一般工程会users/yourUserName/myApp目录下。

6、添加iOS 运行平台。$ionc platform add ios

7、build  $ionic build ios

8、在iOS模拟器上运行,$ionic emulate ios 查看效果

下面简单说一下我遇到的情况:

1、安装Node.js 下载比较慢。耐心就行。

2、安装cordova.一般用npm 的源:可以用命令查看 $npm config list -l 看到一个registry=http://就能安装上,视网速而定。如果不能,在终端执行命令:$ npm set registry https://registry.npm.taobao.org

将源改为 淘宝镜像。这时corvoda一般能安装成功了。安装cordova 一般不会有太大问题。问题多出在安装ionic .

3、在不改变淘宝源的情况下,用命令试试。两个同事用的$npm 的源都没问题,如果出现ERR, retry 就是网络的原因了。ERR socket hung up 也是网络的问题。这些网络问题,一般在很少人使用网络的时候应该会好点,我在将registry 改为: http://registry.cnpmjs.org/ 后竟然成功了。

总结一下。大多问题的出现是因为网络。我就把github上npm 和ionic 的issue 都看了一遍,还有一些中国的同学遇到类似问题,大多是因为网络问题,vpn并不好使。npm  的registry 设置成 http://registry.cnpmjs.org 会好一点,谢谢cnpm那些热心的人.还有一点是因为如果一次安装ionic 不成功,就不要多次尝试了,npm的包之间的依赖貌似很麻烦,没深入了解,就不多谈它了,可以把$npm cache clean,一下。如果还不行,建议把Node.js 卸载重新安装。卸载方法:

把一下代码放到一个文本编辑器里。保存,取名uninstall_node.sh

#!/bin/bash

lsbom -f -l -s -pf /var/db/receipts/org.nodejs.pkg.bom \

| while read i; do

sudo rm /usr/local/${i}

done

sudo rm -rf /usr/local/lib/node \

/usr/local/lib/node_modules \

/var/db/receipts/org.nodejs.*

然后将该文件拖到终端执行一下,为了防止有些删除不完全,如有提示显示:permission denied可以 做完上一步操作后执行一下代码:

$chmod 777 uninstall_node.sh

然后:找到目录

usr/local/bin

usr/local/lib

把里面有关 node 、node_moudel的文件夹全部删除

重启一下mac 再安装node.js

关于npm这个包管理工具的具体内部机制,我也不太清楚,因为只是把它当做工具。方便就行。有兴趣的同学可以参考http://cnpmjs.org/

希望搭建ionic 的同学不要遇到我这么悲催的情况。

以上过程参考了许多网上的资料,在此谢过各位分享自己经验的热心人。

时间: 2024-12-15 21:16:25

Ionic 安装遇到的问题以及解决方案的相关文章

【Yaf】Yaf的环境安装遇到的问题以及解决方案

[本文原创,禁止转载] 一.前言 用了半年的Yii框架,发现封装的类太多太多,虽然使用起来效率很高但是学习成本比较高并且自由度不高,本着学习的态度,想试试新的框架尝尝鲜. 因为一直在用鸟哥写的yar做接口封装,所以也就想试试他用C写的PHP框架 二.下载 Yaf其实算是PHP官方的一个扩展,我们可以直接在PHP官网下载. http://pecl.php.net/package/yaf 也可以在github上找到. https://github.com/laruence/php-yaf 还有,Ya

ionic安装

ionic 安装 安装之前,首先确保你安装了nodejs!!!在Windows平台,还需要确保安装了Ant.Java.Android!!!并设置环境变量 1.安装Cordova npm install -g cordova //全局安装 npm install - g cordova //全局安装 2.安装Ionic npm install -g ionic npm install - g ionic 3.创建一个Ionic项目 ionic start todo blank //项目名称todo

安装opesntack mysql报错 解决方案

安装opesntack mysql报错 ERROR : Error appeared during Puppet run: 192.168.1.103_mysql.ppError: mysqladmin -u root  password 'f40e1dec1deb43d3' returned 1 instead of one of [0] # rpm -qa | grep -i mysqlmysql-server-5.1.71-1.el6.x86_64perl-DBD-MySQL-4.013-

ionic 安装

ionic 安装 本ionic安装教程采用了ionic v1.0.1 版本. ionic 最新版本下载地址:http://ionicframework.com/docs/overview/#download. 下载后解压压缩包,包含以下目录: css/               =>     样式文件fonts/             =>     字体文件js/                =>     Javascript文件version.json       =>  

ionic安装拍照选照片插件

1.安装插件,也可以用ionic plugin add .... phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-camera.git phonegap local plugin add https://git-wip-us.apache.org/repos/asf/cordova-plugin-media-capture.git phonegap local plugin add

Windows 7 上安装Visual Studio 2015 失败解决方案

安装之前先要看看自己的系统支不支持,具体的可以看:https://www.visualstudio.com/en-us/visual-studio-2015-system-requirements-vs.aspx,直接到 微软官方网站进行下载:https://www.visualstudio.com/downloads/download-visual-studio-vs,也可以看Visual Studio 2015正式发布 中列出的下载地址直接下载,整个的安装过程和Visual Studio 2

Linux PHP安装遇见的问题及解决方案

遇到的问题与解决方案 问题一: 报以下错误./configure以下错误发生Sorry, I cannot run apxs.  Possiblereasons follow:1. Perl is not installed2. apxs was not found. Try to pass the path using--with-apxs2=/path/to/apxs3. Apache was not built using --enable-so (the apxs usage page

ionic安装及测试

官方教程: http://ionicframework.com/getting-started/ 官方教程写得比较简单,简单来说就是 1)安装nodejs(安装方法:http://www.cnblogs.com/tujia/p/5993852.html) 2)利用nodejs的npm包管理器安装 cordova 和 ionic,命令如下 npm install -g cordova ionic 附:上面安装可能会失败,因为安装cordova 和 ionic 时要下载的东西大多需要FQ才能下载,如

npm命令ionic安装失败cordova安装失败解决方法

转载:http://bbs.phonegap100.com/thread-2622-1-1.html 镜像使用方法(三种办法任意一种都能解决问题,建议使用第三种,将配置写死,下次用的时候配置还在): 1.通过config命令 npm config set registry https://registry.npm.taobao.org npm info underscore (如果上面配置正确这个命令会有字符串response) 2.命令行指定 npm --registry https://re