ionic开发环境搭建

1、配置环境

 

2、安装nodejs

 

3、安装cordova

     npm install -g cordova

 

4、安装ionic

     npm install -g ionic

 

5、创建运行项目

 

Android下创建安装运行：

 

创建一个新的APP

     ionic start ionic_demo1

进入APP目录

     cd ionic_demo1

 

配置安卓环境

     ionic platform add android

打包生成APP

     ionic build android

 

     ionic emulate android（模拟器运行）

 

     ionic run android（连接上手机运行）

 

IOS下创建安装运行

 

     ionic start ionic_demo1

 

     cd ionic_demo1

 

     ionic platform add ios

 

     ionic build ios

 

     ionic emulate ios（模拟器运行）

 

     ionic run ios（连接上手机运行）

 

ionic写好代码后浏览器动态预览

     ionic serve

（这句命令行在cordova中也适用，cordova serve），执行命令行后会自动弹出浏览器窗口。当代码修改后，浏览器会动态刷新，不用手动刷新。

 

6、ionic中集成Crosswalk，运用Crosswalk打包Phonegap应用程序

 

 什么是Crosswalk？

Crosswalk是一款开源的web引擎，优点是运行速度提升，缺点是安装包比较大。

 

ionic中集成crosswalk

ionic browser add crosswalk

卸载crosswalk

ionic browser remove crosswalk

 

7、修改完代码之后要 

更新同步platform中的代码：

ionic prepare 

运行APP

ionic run android