ionic 开始

环境搭建

关于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的引入

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容