环境的安装过程大概分为一下几个步骤:
1、安装Node.js
2、安装Ionic
3、创建APP
4、运行APP
下面我们就来看看吧
安装Node.js
Ionic的安装需要Node.js环境的支持,所以需要在Node.js的官网下载稳定版并安装
安装的过程中尽量不要改变安装路径,否则可能会引起不必要的麻烦。
Node.js安装完成后使用管理员权限打开Dos窗口,输入 node -v 来查看node版本,版本显示正常则表示安装成功
以上均正常的情况下,就可以进行下一步,安装Ionic。
安装Ionic
由于Ionic官网提供的安装使用的是国外的服务器,访问时需要翻墙,这里我们使用淘宝的镜像来解决这个问题。
使用管理员权限打开Dos窗口,输入:
npm inistall -g cnpm --registry=https://registry.npm.taobao.org
稍作等待后即可完成cnpm的安装。本机之前安装过,这里的界面和首次安装是不一样的。
下面接着使用cnpm安装ionic,输入:
cnpm install -g ionic cordova
安装完成后检查是否安装成功,输入:
ionic -v
cordova -v
此时Ionic的安装已经基本完成,接下来我们可以尝试创建一个新的项目。
创建APP
在创建APP之前,我们需要创建一个工作空间,已便存放我们的APP。
这里我在D盘下创建了一个名为ionic app的文件夹。
创建完成后继续在Dos窗口中进行操作。
首先呢,找到刚才创建的目录
接下来我们在目录下创建新的项目
Ionic官方给出了3种创建类型的创建方式,这里我们试着创建中间的tabs类型,在Dos窗口输入:
ionic start testapp tabs
此时APP已经创建完成。
运行APP
创建完成后我们就可以运行这个APP啦,运行的方法嘛,在Dos窗口中进入刚才创建APP的根目录,再输入:
ionic serve
运行成功后会弹出一个网页,这当然就是我们的APP啦~
默认情况下,使用命令ionic serve启动服务器调试程序,必须通过localhost(或者127.0.0.1)来访问。这时手机无法访问该程序。
在网上搜到的,要使用指定IP地址,应该这样启动:
ionic serve --address 192.168.xxx.xxx
或许弹出的页面不能正常显示,这里建议大家使用google浏览器chrome打开刚才的页面,打开后按F12就可以进入调试状态了。
嗯~ 终于出来结果了呢~因为我本人也是刚刚接触Ionic,当前嘛也就只会这么多啦,以后学到具体的东西还会来更新的(^_^)
PS:第一次使用简书,排版什么的还不会的说...