第二课：准备工作

本课是在旅程继续进行之前的一些准备工作。我们要生成应用，设置所有组件和需要用到的Cordova插件。完成本课之后我们应该有一个万事俱备的项目骨架，可以接着进行编码工作。
开始新项目的第一准则是确保使用的是最新版的Ionic和Cordova，如果最近没有更新过的话可以运行如下命令：

  1. npm install -g ionic cordova

或者

  1. sudo npm install -g ionic cordova

如果在安装Ionic或者生产新项目的时候遇到任何问题的话，检查下是否安装了最新版的Node。安装完之后，再次安装ionic之前请运行：

  1. npm uninstall -g ionic npm cache clean

生成新应用

本应用将使用空白初始模板，跟名字说的一样，就是个空的Ionic项目。但是会有一个内置的页面名为home，我们下节课中将用作列表显示页。
> 运行如下命令生成新项目：

  1. ionic start campermate blank --v2

> 运行如下命令将新生成的项目作为当前目录：

  1. cd campermate

现在可以在你中意的编辑器中打开这个项目了。通过以下命令可以预览创建的应用：

  1. ionic serve

看起来是这样的：
效果图

创建需要的组件

我们来创建本应用的一些页面，我们需要重用到自动生成的home页面来创建我们的标签页布局（允许页面之间来回切换），但是我们还是需要添加一些其他的页面：location，个人细节以及营地细节三个标签页。
> 运行如下命令生成 Location 页面：

  1. ionic g page Location

> 运行如下命令生成 My Details 页面：

  1. ionic g page MyDetails

> 运行如下命令生成 Camp Details 页面：

  1. ionic g page CampDetails

创建需求的服务

跟标签页一样，我们同时也需要去创建一些服务。我们将创建一个数据服务来保存和获取数据，一个Google Map服务用来负责整合Google Maps，一个Connectivity服务用来检查用户是否在线。
> 运行如下命令生成 Data 提供者：

  1. ionic g provider Data

> 运行如下命令生成 Google Maps 提供者：

  1. ionic g provider GoogleMaps

> 运行如下命令生成 Connectivity 提供者：

  1. ionic g provider Connectivity