一：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

 

 

以上是根據官網的最初始的例子完成的。