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

 

 

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM