因項目關系,需要開發一個平板使用的應用程序,剛開始以為需要使用Andriod,后來經理提供了一個解決方案,Ionic Framework
第一步:安裝框架,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
以上是根據官網的最初始的例子完成的。