公司最近开发webapp,研究了一下ionic+angularjs开发。
安装过程中碰到许多问题,发现网上有好多资料都已经过时,在这里把最新的流程记录一下。
- 首先是安装node.js,通过nodejs官网下载,没什么问题。
npm已经默认安装, 接下来就是安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
之前没装cnpm,直接用npm安装cordova和ionic一直失败,后来用了vpn也不行,无奈之下就用cnpm,之后所有插件的安装都是用cnpm安装。安装完cnpm之后就是cordova跟ionic了
cnpm install -g cordova ionic
用了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,为毛没有人说指令已经变了,所有的教程、问题集锦都没有指出这个问题,我在这问题整整被坑了三天!接下来的事情就很简单了,进入项目后执行
cnpm install --save
用cnpm安装依赖不要太快。最后就是运行app
ionic serve
运行过程中可能会碰到还要装某些插件,默认还是用npm安装,这时候ctrl+c取消安装,用cnpm指令安装,再执行运行命令即可。最后总结一下吧,以上所有的资料均来自百度和google以及网友的教程,至于我为什么还要还写一次,原因就是我在ionic创建项目时,因为安装依赖的问题卡了很久,翻遍网上的资料都没找到答案,最后在官方文档里找到了最新的正确指令,网上哪怕是2个月前的教程,都用的是以前的指令,真是绕了很大一圈的弯路啊。
如果还有新人在找ionic安装的教程的话,希望这个教程能给你提供一些帮助。