AngularJS +Ionic 移动端开发 二

利用命令创建项目

在终端输入如下任意一行命令创建项目，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

浏览器中的效果