Ionic环境安装

环境的安装过程大概分为一下几个步骤：

1、安装Node.js

2、安装Ionic

3、创建APP

4、运行APP

下面我们就来看看吧

---

安装Node.js

Ionic的安装需要Node.js环境的支持，所以需要在Node.js的官网下载稳定版并安装

Node.js官网

安装的过程中尽量不要改变安装路径，否则可能会引起不必要的麻烦。

Node.js安装完成后使用管理员权限打开Dos窗口，输入 node -v 来查看node版本，版本显示正常则表示安装成功

Node版本查询

以上均正常的情况下，就可以进行下一步，安装Ionic。

---

安装Ionic

由于Ionic官网提供的安装使用的是国外的服务器，访问时需要翻墙，这里我们使用淘宝的镜像来解决这个问题。

使用管理员权限打开Dos窗口，输入：

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

稍作等待后即可完成cnpm的安装。本机之前安装过，这里的界面和首次安装是不一样的。

下面接着使用cnpm安装ionic，输入：

cnpm install -g ionic cordova

Ionic安装过程

安装完成后检查是否安装成功，输入：

ionic -v

ionic版本

cordova -v

cordova版本

此时Ionic的安装已经基本完成，接下来我们可以尝试创建一个新的项目。

---

创建APP

在创建APP之前，我们需要创建一个工作空间，已便存放我们的APP。

这里我在D盘下创建了一个名为ionic app的文件夹。

创建完成后继续在Dos窗口中进行操作。

首先呢，找到刚才创建的目录

进入工作空间目录下

接下来我们在目录下创建新的项目

创建APP

Ionic官方给出了3种创建类型的创建方式，这里我们试着创建中间的tabs类型，在Dos窗口输入：

ionic start testapp tabs

创建APP

此时APP已经创建完成。

---

运行APP

创建完成后我们就可以运行这个APP啦，运行的方法嘛，在Dos窗口中进入刚才创建APP的根目录，再输入：

ionic serve

运行APP

运行成功后会弹出一个网页，这当然就是我们的APP啦~

默认情况下，使用命令ionic serve启动服务器调试程序，必须通过localhost（或者127.0.0.1）来访问。这时手机无法访问该程序。

在网上搜到的，要使用指定IP地址，应该这样启动：

ionic serve --address 192.168.xxx.xxx

或许弹出的页面不能正常显示，这里建议大家使用google浏览器chrome打开刚才的页面，打开后按F12就可以进入调试状态了。

嗯~ 终于出来结果了呢~因为我本人也是刚刚接触Ionic，当前嘛也就只会这么多啦，以后学到具体的东西还会来更新的（^_^）

PS:第一次使用，排版什么的还不会的说...