AngularJS +Ionic 移动端开发 二

来源:互联网 发布:新能源澳洲网络 编辑:程序博客网 时间:2024/06/05 04:36

利用命令创建项目

在终端输入如下任意一行命令创建项目,projectName为项目名称

ionic start projectName tabs        //创建一个带tabs的项目ionic start projectName blank       //创建一个空项目ionic start projectName sidemenu    //创建一个带sidemenu的项目

利用命令添加页面

在终端进入项目根目录后,执行如下命令添加页面,setting为页面名称

ionic g page setting

效果如图:
这里写图片描述

将新页面添加到app.module.ts文件中
这里写图片描述

在调用页面添加引用
这里写图片描述

这里写图片描述

tabIcon=”settings” 中settings是从http://ionicframework.com/docs/ionicons/网站获取的
这里写图片描述

利用命令运行项目

在终端进入项目根目录后,执行如下命令

ionic serve

浏览器中的效果
这里写图片描述

这里写图片描述

这里写图片描述

原创粉丝点击