Cordova+Ionic环境搭建

1、安装Node.js

主要是用来下载和安装 Cordova
下载地址：https://nodejs.org

2、安装Cordova CLI

安装命令：npm install -g cordova
更新命令：npm update cordova -g
更新项目：cordova platform update <项目>

3、测试安装情况

测试命令：cordova -v

4、安装android开发环境

5、创建新的Cordova项目

命令行：cordova create hello com.example.hello HelloWorld
参数说明：
第一个参数 hello 为工程的文件夹名；
第二个参数（可选）com.example.hello 为应用程序的id名，可以在 config.xml 中修改，如果不指定的话默认为 io.cordova.hellocordova；
第三个参数（可选）HelloWorld 为App显示的名称，也可在 config.xml 中修改。

6、添加Android平台支持

进入工程目录：cd hello
添加Android平台：cordova platform add android
运行Android平台：cordova run android
        cordova emulate android

7、添加插件的支持

查看已经添加的插件：cordova plugin ls
cordova plugin add <要添加的插件>

8、插卡支持的平台

cordova platform ls
结果：
Installed platforms:
 android 7.0.0
 browser 5.0.3
Available platforms:
 ios ~4.5.4
 osx ~4.0.1
 windows ~5.0.0
 www ^3.12.0

9、PhoneGap+Angularjs+ionic 混合开发（Cordova+Angularjs+Ionic）

安装Angularjs：npm install angular  
安装Ionic：npm install -g ionic  

10、新建ionic项目并运行

ionic start <项目名称>
cd <项目名称>                                   // 进入工程目录  
ionic cordova platform add android              // 添加Android Platform （iOS:ionic platform add ios）     
ionic build android                             // build项目 (iOS:ionic build ios)  
ionic emulate android                           // 用模拟器运行 (iOS:ionic emulate ios)  
ionic run android                               // 用Android真机运行（与模拟器二选一就好啦~~）  

11、WebStorm开发工具本身支持cordova，可以直接运行cordova|ionic的项目

12、添加对ersi的支持

npm install esri-loader