Ionic 安装 helloword 演示以及 ionic 在 android 环境下面导航在最上面解决 方案

1. 配置环境

2. 先安装 node.js

3. 安装 cordova

npm install -g cordova sudo npm install -g cordova 

 

注意:部分同学现在直接使用 npm install -g cordova 发现安装了以后 执行 cordova build android 的时候 提示需要安装 platform for android-21 sdk ,意思就是需要 最新版本的 sdk
解决方法: 1.更新 sdk (推荐) FQ 代理 或者想其他办法 2.Sdk 没法更新的情况下面 可以先卸载当前的 cordova,然后再重新指定版本安装 cordova 3. 下载 sdk 包集成 推荐 http://bbs.phonegap100.com/thread-1566-1-1.html
Android adt 离线包集成 sdk http://bbs.phonegap100.com/thread-1456-1-1.html

卸载 cordova http://bbs.phonegap100.com/thread-1180-1-1.html
重新指定版本 安装 cordova
http://bbs.phonegap100.com/thread-1127-1-1.html

npm install -g cordova@4.1.2 

4. 安装 ionic 

npm install -g ionic sudo npm install -g ionic
5.创建运行项目
Ios 创建安装运行

ionic start myproject 

  cd myproject 

 

  ionic platform add ios 


  ionic build ios 


  ionic emulate ios 

 

Android 创建安装运行

ionic start myproject 
cd myproject 
ionic platform add android 
ionic build android
ionic emulate android (模拟器运行) 
ionic run android (连接上手机运行) 

 



安装完成后发现 android 环境下面导航在最上面解决方案: http://bbs.phonegap100.com/thread-1495-1-1.html

6. Phonegap3.0 以上 ios android 调试,以及 ionic 写好代码后浏览器动态预览 前面给大家讲过 weinre 在 xcode 开发中调试我们的代码还有 Phonegap 桌面开发工具 Desktop-App 与手机调试工具 http://bbs.phonegap100.com/thread-1315-1-1.html
下面的 ionic 调试方法适合于 ios 和 android 并且非常简单
ionic serve 重要用于浏览器调试
cordova serve
7. 开发工具介绍 ,如何不使用 eclipse 来运行模拟器调试程序

第二季中我们采用的是 eclipse 开发工具 发现对 html5 的支持不是特别好,所以第三季中我 们采用了其他编辑器
其他编辑器:任何 html5 编辑器 但是必须不占用 adb 端口 可以使用的:例如:dw Apatana Studio 3 sublime WebStorm 不可以使用的:国内优秀的 Hbuilder html5 开发共工具 (原因:占用 adb ,暂时未找到如何 解除占用)
WebStorm8.0 免费下载地址: http://bbs.phonegap100.com/thread-1567-1-1.html
8. 已经学会了 jqmobi , Sencha 这样的 htnl5 移动 App 开发框架 为什么还要学 ionic
1. Jqmobi
轻量级框架,它的语言基于 jquery 语言容易上手,运行速度快,但是没有 MVC 多人协作 开发的概念,项目比较大后 代码不易维护 (中小项目 1-2 个人开发很适用)
2. SenchaTouch
运行速度快 和 jqmobi 运行速度差不多,兼容性好,基于 MVC 世界上第一个 html5 移 动开发框架,但是它是一个重量级的框架,需要 extjs 基础 代码复杂需要较强的程序基 础。 但是 sencha architect 是个很不错的可视化开发工具,弥补了 sencha 的不少缺点
3. ionic 运行速度快 和 jqmobi 运行速度差不多,轻量级框架,基于 Angularjs,支持 Angularjs 的特性,MVC ,代码易维护 IONIC 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序,它 提供了很多 UI 组件来帮助开发者开发强大的应用。它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定,使用它成为 Web 和移动开发者的共同选 择。即将发布的AngularJS 2.0将会专注于移动开发,相信IONIC一定会取得不错的成就 。
9. Crosswalk 开源 android WebView 引擎,让 Phonegap android 应用飞起来(经 测试运行速度可以提升 3-5 倍)

posted on 2016-08-13 20:44  ziyi_ang  阅读(167)  评论(0编辑  收藏  举报

导航