环境的安装过程大概分为一下几个步骤：
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:第一次使用简书，排版什么的还不会的说...
网友评论