一：Ionic Framework初体验

因项目关系，须要开发一个平板使用的应用程序，刚开始觉得须要使用Andriod，后来经理提供了一个解决方案，Ionic Framework

https://ionicframework.com/

 

第一步：安装框架，Ionic的安装很是简单，能够直接使用npm进行安装，其中Nodejs的版本应该在6以上

npm install -g ionic cordova

 

第二步：使用Ionic建立一个程序

ionic start projectName -projectType #建立项目

其中能够带一个项目类型的参数，能够为如下类型，若是不指定项目类型，默认是tabs

tabs ：一个简单的3选项卡布局
sidemenu：侧面有可滑动菜单的布局
blank一个单独的启动器
super：启动项目超过14个能够使用的页面设计
tutorial一个引导项目

 

第三步：运行Ionic程序

cd projectName #进入项目目录
ionic serve　　#运行项目

能够使用网页打开ionic页面

在浏览器输入http://localhost:8100

若是须要在浏览器查看到手机端的运行效果，能够打开http://localhost:8100/ionic-lab

 

 

以上是根据官网的最初始的例子完成的。