Ionic学习日记1：Ionic3准备环境及搭建

下载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 [email protected]