ionic最新安装教程

公司最近开发webapp,研究了一下ionic+angularjs开发。
安装过程中碰到许多问题,发现网上有好多资料都已经过时,在这里把最新的流程记录一下。

  1. 首先是安装node.js,通过nodejs官网下载,没什么问题。
  2. npm已经默认安装, 接下来就是安装cnpm
    npm install -g cnpm --registry=https://registry.npm.taobao.org

    之前没装cnpm,直接用npm安装cordova和ionic一直失败,后来用了也不行,无奈之下就用cnpm,之后所有插件的安装都是用cnpm安装。

  3. 安装完cnpm之后就是cordova跟ionic了
    cnpm install -g cordova ionic

  4. 用了cnpm之后,基本不会在碰到什么问题。用ionic创建项目的时候,最大的坑来了。
    ionic start myApp 创建项目
    注意了,这里划重点。创建项目的时候会发现总是卡在安装依赖项,去百度google查给出的答案是 ionic start myApp --skip-npm在创建项目时跳过依赖项。然而--skip-npm并没有任何用处,也有网友说用--no-npm指令,经过实践也没有效果,最后去查了ionic cli API,在start指令里是这样说明的
    --no-deps Do not install npm/yarn dependencies
    泪牛满面啊T T,为毛没有人说指令已经变了,所有的教程、问题集锦都没有指出这个问题,我在这问题整整被坑了三天!

  5. 接下来的事情就很简单了,进入项目后执行
    cnpm install --save
    用cnpm安装依赖不要太快。

  6. 最后就是运行app
    ionic serve
    运行过程中可能会碰到还要装某些插件,默认还是用npm安装,这时候ctrl+c取消安装,用cnpm指令安装,再执行运行命令即可。

    最后总结一下吧,以上所有的资料均来自百度和google以及网友的教程,至于我为什么还要还写一次,原因就是我在ionic创建项目时,因为安装依赖的问题卡了很久,翻遍网上的资料都没找到答案,最后在官方文档里找到了最新的正确指令,网上哪怕是2个月前的教程,都用的是以前的指令,真是绕了很大一圈的弯路啊。
    如果还有新人在找ionic安装的教程的话,希望这个教程能给你提供一些帮助。

你可能感兴趣的:(开发小记)