ionic 开始
2017-09-12 本文已影响35人
孤独的白菜
环境搭建
关于ionic的环境搭建,我这儿就不赘述了,详情移步官方文档
PS:android,ios相关开发环境的搭建这里上也是不谈的
开始一个ionic项目
打开终端,或者cmd命令提示符(windows系统),输入:ionic start myApp。如下图,提供七中模板供你选择。你可以尝试一下七种模板的效果
tabs :一个简单的3选项卡布局
sidemenu:侧面有可滑动菜单的布局
blank一个单独的启动器
super:启动项目超过14个可以使用的页面设计
tutorial:引导项目

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

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

好了,自此一个ionic 项目完全就创建好了,以后的ionic系列文章都是在这个项目基础上修改的,功能预告
- 高德地图JS API
- http请求统一管理
- 模块统一管理
- 资源路径问题
- 指令的简单使用
- echars的引入
...未完待续,且听下回分解;