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