npm 无法安装 ionic 解决办法

一般从 node.js官网下载安装完之后,npm也会同时安装完。

如果通过

$ npm install -g cordova ionic 

去安装,往往会失败。
这个是由于GFW,很多插件下载不下来,还好我们有淘宝镜像来解决这个问题:

$ npm install -g cnpm --registry=https://registry.npm.taobao.org 

安装完成后,以后所有的插件都使用cnpm这个命令来进行安装。

$ cnpm install -g cordova ionic 

更新cordova及ionic包

$ cnpm update -g cordova ionic

更新已建ionic项目中的js类库,命令行中先进入项目所在目录,然后运行:

$ ionic lib update

相关的环境配置(windows下)
ANDROID_HOME 你放置android_sdk的文件夹路径 如:

C:\Android\android-sdk-windows  
path     %ANDROID_HOME%\platform-tools;
path     %ANDROID_HOME%\tools;

进入到你要创建项目的路径,如 C:\home\workshop\ionic
创建一个 tabs的项目 格式如下 ionic start <project-name> <optional-template>

$ ionic start myApp tabs

进入 myApp

$ cd myApp

添加android平台:

$ ionic platform add android

生成androidapk:

$ ionic build android

在android模拟器或真机中模拟:

$ ionic emulate android

可以将上面两步合并成一个步骤如下

$ ionic run android

iOS 和 android 同时启动模拟器

$ ionic serve --lab

调试
我们在前面已经说过,在开发前期我们一般会在web中调试,而Ionic为我们提供了非常方面的web调试环境,只需要执行ionic serve就可以实现lievereload,而在部署到移动端后也可以开启livereload的,我们只需要修改下我们run命令参数:

ionic run android --livereload -c -s 

这是android的调试模式,无论在虚拟机上还是在手机上都可以实现livereload,不用每次开发完成编译再部署!-c是开启客户端日志输出,-s是开启服务器端日志输出。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 124,478评论 16 534
  • 许巍,一个中国青年不能忘记的名字。关于他的记忆,就像一个人从繁华世界走向了山林之间,丢掉了现实中的种种不如意,收获...
    歌手许巍阅读 68评论 0 4
  • 每个人都各色行走,匆匆擦肩,都难以有脑力去记忆,更别提是愿意花时间去接触,去了解。即使认识也未必熟识,即使熟识也未...
    深森浅行阅读 17评论 0 0
  • 生存面前,无谓对错,无非是对命运的不妥协 生命击倒你,一次,两次,每一次都猝不及防,每一次如同疯一样非要置你于死地...
    蔽芾棠阅读 58评论 0 0
  • 文/完美的补丁 今天高考,我的感想很多!只想平静地说:孩子们:正常发挥就好!不要带一生的赌注进考场,把高考只当成人...
    完美的补丁阅读 135评论 0 4