美文网首页
ionic 开始

ionic 开始

作者: 孤独的白菜 | 来源:发表于2017-09-12 11:54 被阅读35次

环境搭建

关于ionic的环境搭建,我这儿就不赘述了,详情移步官方文档
PS:android,ios相关开发环境的搭建这里上也是不谈的

开始一个ionic项目

打开终端,或者cmd命令提示符(windows系统),输入:ionic start myApp。如下图,提供七中模板供你选择。你可以尝试一下七种模板的效果

tabs :一个简单的3选项卡布局
sidemenu:侧面有可滑动菜单的布局
blank一个单独的启动器
super:启动项目超过14个可以使用的页面设计
tutorial:引导项目

CMD命令提示符界面

然后输入你想要创建的模板名称.我这里使用的是tabs(输入tabs);

完成后如图

image.png

根据提示执行 cd ./myApp命令,进入项目目录;在执行:ionic serve命令启动ionic项目.效果如下

运行效果

好了,自此一个ionic 项目完全就创建好了,以后的ionic系列文章都是在这个项目基础上修改的,功能预告

  • 高德地图JS API
  • http请求统一管理
  • 模块统一管理
  • 资源路径问题
  • 指令的简单使用
  • echars的引入

...未完待续,且听下回分解;

相关文章

网友评论

      本文标题:ionic 开始

      本文链接:https://www.haomeiwen.com/subject/rdgqsxtx.html