ionic 开始

环境搭建

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

开始一个ionic项目

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

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

ionic 开始_第1张图片
CMD命令提示符界面

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

完成后如图

ionic 开始_第2张图片
image.png

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

ionic 开始_第3张图片
运行效果

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

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

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

你可能感兴趣的:(ionic 开始)