一:Ionic Framework初体验
2024-08-28 21:38:20
因项目关系,需要开发一个平板使用的应用程序,刚开始以为需要使用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
以上是根据官网的最初始的例子完成的。
最新文章
- Wannafly Union Goodbye 2016
- map 函数----filter函数
- SQL Server 2012 新特性
- MyEclipse 2016 CI 3发布
- bzoj2748[HAOI2012]音量调节(背包问题的方案)
- 20145330第五周《Java学习笔记》
- (转)使用Ping获得局域网机器信息
- sed常见使用方法总结
- <;a>;制作按钮
- 【贪心+中位数】【新生赛3 1007题】 Problem G (K)
- PBM文件格式
- (一个)kafka-jstorm集群实时日志分析 它 ---------kafka实时日志处理
- PHP 魔术方法 __call 与 __callStatic 方法
- 数据结构之并查集Union-Find Sets
- ruby中顶层定义的方法究竟放在哪里?
- mybatis 配置文件全解
- SpringCloud中之Ribbon实现负载均衡
- ArcGIS Pro开发Web3D应用(1)——环境搭建与初始实例
- sprite kit -- 从入门到淡定
- 支持Oracle的模糊查询和精准查询