Ionic3学习笔记（一）

（一）ionic3环境准备:

   1.安装Node.js(安装之后执行node -version检查是否安装成功)

    2.安装npm。  命令：npm install npm -g 

    3.安装 ionic 。命令：npm install -g cordova ionic 

          注：这步安装往往会失败，这是由于很多插件下载不下来，我们用阿里的镜像解决这个问题：

          (1)  npm install -g cnpm --registry=https://registry.npm.taobao.org  (安装完这个之后以后的插件都是用cnpm这个命令来安装)

           (2)cnpm install -g cordova ionic

     4.更新ionic 。命令：npm update -g cordova ionic 

      5.创建应用。命令 ：ionic start myApp tabs （myApp：是项目名称，tabs：创建项目的类型 ，tabs：为一个带tabs栏的App项目，blank：为一个空白项目，项目类型有很多              种，想了解的自己去查）

      6.创建好自己的项目之后，cd myApp 进入自己的项目目录

      7. 执行ionic serve 查看是否安装成功（默认地址：http://localhost:8100）

      8.在执行以上操作时会提醒你安装SDK，安装完之后记得配置环境变量

         ANDROID_SDK_HOME:SDK安装目录。

         PATH：添加 %ANDROID_SDK_HOME%\tools;%ANDROID_SDK_HOME%\platform-tools

****************************************************************************************************************

（二）创建Android应用

      1.命令 ：ionic start myApp blank

       2.命令：cd myApp 切换到项目目录

       3.命令 ：ionic cordova platform android 添加Android平台

       4.命令 ：ionic cordova build android  编译Android项目

       5.命令 ：ionic cordova run android 真机运行，运行在Android手机上，电脑连接数据线，打开手机的开发者模式和运行USB接口调试

****************************************************************************************************************

（三）安装配置环境常见问题

      1：没有cordova-plugin-splashscreen 插件

解决办法：执行cordova plugin add cordova-plugin-splashscreen

2.No emulator image (avds) found.(没有连接手机，或者 手机USB接口或开发者模式已关闭)

**********************************************************************************************************************************

（四）项目目录详解

**********************************************

大家可以参考官方文档：http://ionicframework.com/docs/