Hybrid App 开发之ionic3 + angular4 框架搭建

1. 下载并安装nodejs ，下载地址：https://nodejs.org/en/download/
2. 更换淘宝镜像，在DOS界面执行：npm install -g cnpm --registry=https://registry.npm.taobao.org
3. 安装ionic，在DOS界面执行：npm install -g ionic
4. 安装Apache cordova ，在DOS界面执行：npm install cordova -g
5. 修改镜像，在DOS界面执行：npm config set registry https://registry.npm.taobao.org
6. 下载并安装Git，配置环境变量，例如：C:\Program Files\Git\cmd（不过一般会自动配好）
7. 下载并安装python 2.7，配置环境变量（例如：C:\Python27\python.exe）
8. 创建项目:  

         ionic start myproject tabs //创建一个带tabs栏和bottom栏的myproject工程

         ionic start myproject sidemenu //创建一个左侧带有menu栏的myproject工程

         ionic start myproject blank //创建一个空白myproject工程

    （注： 如果创建项目时，出现如下情况：）

一般是ionic版本问题，可执行npm install -g ionic@3.9.2，修改ionic版本，然后再创建项目）

     9.为了解决开始加载APP，首次加载缓慢，和根模块臃肿问题，引入ionic3 懒加载机制：

• 创建一个Component，并且通过@IonicPage()装饰器进行装饰；
• 创建一个 Module，在其中引入新建的page，并且通过IonicPageModule.forChild(OptionsPage)(注：OptionsPage为你创建的相关的component)在全局中声明这个Page，好了，我们可以在其他页面中使用了。

10.目前为止，前台基本配置完毕。接下来就是链接后台了：

     运用@rebirth/rebirth-http 来做前后台数据交互，先添加相关组件，运行指令：npm install rebirth-http --save ；具体使用：

• 在根模块中引入RebirthHttpModule
• 在你对应的模块的service中extends  RebirthHttp 。
• Method decorators:

• @GET(url: String)

  @POST(url: String)

  @PUT(url: String)

  @DELETE(url: String)

  @JSONP(url: String)

  @PATCH(url: String)

  @HEAD(url: String)

  @OPTIONS(url: String)

  @Headers(headers: any)

  @RequestOptions(headers: any)

  @Extra(headers: any)

• Parameter decorators:

        @Path(key: string)

       @Query(key: string)

       @Header(key: string)

       @Body