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

转载于:https://www.cnblogs.com/gdhydx-ljm/p/5255053.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值