下载Node.js并安装
一般安装这个后npm也会安装完成,从网上找到的npm install -g cordova ionic安装方法行不通,总会报出一大堆的错误,所以后面找了很多,发现用淘宝镜像可以安装
执行安装命令
先打开命令提示符,执行:
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完成后执行:
cnpm install -g cordova ionic
这样就完成整个了下载和安装的步骤
新建项目
接下来新建一个属于你的项目,官网提供了3种样式,首先进入到你自己的工作目录中:
E:
cd Ionic
这是我的工作目录,然后在这里执行:
ionic start myApp blank
这是建立一个空白项目,如果需要建立其他的,可以把blank改成tabs或者sidemenu,具体样式可以参照官网提供http://ionicframework.com/getting-started/
建立好项目之后就可以进行其他的步骤了
运行项目并在android手机中运行
首先需要进入自己新建的项目目录下面
cd myApp
然后再执行
ionic serve
等待片刻之后会弹出浏览器,我用的是chrome,感觉这个好用些,打开后,按f12,可以变到手机观看的模式,之后的项目运行都将会在chrome中看结果,如果想退出,在命令提示符当中按ctrl+c就可以退出服务,也可以保持不退出,之后进行的修改代码,保存后都会立刻刷新页面,这样方便查看,我是这么干的,接下来要在android真机中运行的话需要下载sdk,因为我之前使用过android studio,也下载过部分的sdk,所以只需要配置android环境就可以了,如果没有下载的话,需要下载android sdk并配置环境
接下来是如何到android中真机运行,ctrl+c退出服务后,首先执行添加android平台操作:
ionic platform add android
然后执行:
ionic cordova run android
记住,执行这一行代码之前得把安卓的手机连上电脑,并且打开USB调试
后言
当然如果没有android手机也可以使用android虚拟机,具体什么样的,其实我也不知道,不过还是推荐用android真机调试吧,ios手机也可以,不过命令提示符的输入代码也会有所不同,具体可以网上找找其他资料,最后希望给和我一样在初学阶段的人给点帮助,希望能够一起共勉一起学习,因为也是初学阶段,了解的可能只有一些片面,如果有什么说的不对的地方尽管说出来,我会尽快改正。
2018年8月13日补充:今天重新回到ionic打算做个完整小项目出来试试,start项目的时候出现了Error: read ECONNRESET报错,通过网上百度,于是把ioinc版本回退到了3.9.2就可以了,执行npm install -g ionic@3.9.2