最近因为有个项目需要制作APP,考虑到需要兼容Android和IOS,所以想采用WebAPP的方式来开发。现在是从零开始学习之路,走起…

 

通过网上博客和论坛,开始安装了一堆软件:

1. Sencha Touch 2.4.2

    下载:http://extjs.org.cn/node/765

    下载之后,解压到本地即可。

 

2. Sencha Command(cmd) 6.1.3

    下载地址:http://extjs.org.cn/node/754

    网上说最好下6.0以前的版本,如果非要装6.0以后,需要将“compass extension”选中,因为我已经装了6.1.3,由于项目时间紧迫,就按大家说的来,不去尝试了。

    注:需要选择“compass extension”

   

 

3. Ruby 1.9.3(安装compress用)

    安装Ruby,请参照另一篇博文:安装Ruby下的compress失败中有涉及到windows安装ruby的内容。

    过程也是非常简单,step to step即可。

    安装过程中选择将bin目录添加到path路径中。具体步骤由于安装时未截图,后面有机会再补上吧。

    安装后:

   

 

4. Ruby compress

    直接参考:安装Ruby下的compress失败

 

5. Android SDK

    SDK是之前在另一个项目中用到了,所以今天没有再安装,过程后面再补。

    需要注意的是,需要将$Android_SDK/tools和$Android_SDK/platform-tools都放到path

   

    

 

6. Nodejs 6.2.0(安装phonegap用)

    安装Nodejs主要是使用它的npm管理器安装phonegap或者Cordova。

    下载地址:http://nodejs.cn/

    下载文件为msi文件,直接双击安装即可。

 

7. phonegap

    安装好Nodejs之后,执行”gem install –g phonegap“即可进行phonegap的安装。

    如果没有代理,则可能需要:使用npm安装phonegap失败了的看过来(npm国内镜像介绍)

 

8. git

    我是先装了msysgit,之后配置了环境变量GIT_HOME,并把%GIT_HOME%/bin放到了PATH中。

 

注:由于本身是Java开发人员,电脑上带着JDK 1.7,所以此处省略了。

        由于我全程开着VPN,所以有些错误可能没有碰到,大家有问题可以一起讨论下。

 

过程中参考了一系列相关博文,在此对作者表示感谢。

亲手使用Sencha Touch + phonepag开发Web APP随笔 -- 环境安装篇的更多相关文章

  1. 亲手使用Sencha Touch + phonepag开发Web APP随笔 -- 第一个APP

    参考博文: [Phonegap+Sencha Touch] 移动开发1.准备工作 [Phonegap+Sencha Touch] 移动开发2.PhoneGap/Cordova初步使用   经过差不多1 ...

  2. html5文章 -- 使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 基础

    这篇文章是使用 jQuery Mobile 与 HTML5 开发 Web App 系列的第二篇,在本文以及接下来的数篇文章 Kayo 将会介绍 jQuery Mobile 的组件.事件响应以及可以调用 ...

  3. [转]使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 事件详解

    在前文<使用 jQuery Mobile 与 HTML5 开发 Web App —— jQuery Mobile 默认配置与事件基础>中,Kayo 对 jQuery Mobile 事件的基 ...

  4. html5文章 -- 使用 jQuery Mobile 与 HTML5 开发 Web App ——开发原则 | Kayo's Melody

    最近专注研究 jQuery Mobile —— 一款很方便就可以把 Web App 包装成适合 Android 与 iPhone 等触屏移动设备的 Javascript 库,结合 jQuery Mob ...

  5. 利用JQuery Mobile开发web app

    什么是web app web app 是基于web的应用程序,是针对移动设备优化后的web站点,它具有 开发成本低——采用web开发技术,不需要考虑跨平台以及底层适配问题: 升级简单——不需要通知用户 ...

  6. 使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录

    使用 jQuery Mobile 与 HTML5 开发 Web App 系列文章目录 时间:2012年9月20日 分类:JavaScript 标签:HTML5‚ jQuery Mobile‚ Web ...

  7. [Phonegap+Sencha Touch] 移动开发77 Cordova Hot Code Push插件实现自己主动更新App的Web内容

    原文地址:http://blog.csdn.net/lovelyelfpop/article/details/50848524 插件地址:https://github.com/nordnet/cord ...

  8. [Phonegap+Sencha Touch] 移动开发76 让cordova app訪问远端站点也能调用cordova插件功能

    原文链接:http://blog.csdn.net/lovelyelfpop/article/details/50735395 我相信.应该会有一些cordova开发人员想过实现以下这种app: 使用 ...

  9. [Phonegap+Sencha Touch] 移动开发24 包wp8.1的App,弹出软键盘输入框聚焦实施后,无移动采收率方法来解决接口

    这种现象不仅是现在显示phonegap包sencha touch的wp8.1该程序将出现(只wp8.1,wp8正常).其他js我测试了几个框架(app framework, jquery mobile ...

随机推荐

  1. HTML 5 拖放(Drag 和drop)

    浏览器支持 Internet Explorer 9.Firefox.Opera 12.Chrome 以及 Safari 5. 1.把标签 draggable 属性设置为 true. 2.向标签添加on ...

  2. Django视图与网址

    Django中网址是写在 urls.py 文件中,用正则表达式对应 views.py 中的一个函数(或者generic类),我们用一个项目来演示. 下载本节所有源代码: 学习编程最好的办法就是动手敲代 ...

  3. 二、jquery选择器

    在jquery库中,可以通过选择器实现DOM元素快捷选择这一重要的核心功能. 1.选择器的优势 (1)代码更简单 由于在jquery库中,封装了大量可以通过选择器直接调用的方法或函数,使编写代码更加简 ...

  4. 谢欣伦 - OpenDev原创教程 - 通信开发库libComm

    libComm是一个免费的简单的通信库,其中的接口类与函数大都以小写的x打头,来源于我的姓氏首字母(谢欣伦). 下载 Sample using libComm - v1.1 For WinXP lib ...

  5. Windows 7无法卸载及安装IE11的解决方法

    1. 清空 C:\Windows\TEMP\  中的所有内容 2. 以管理员身份运行命令行,在命令中行输入下面的代码: FORFILES /P %WINDIR%\servicing\Packages ...

  6. 你听说过哪些坑人 or 赚钱的歪点子?真是骗局太多,傻子都不够用啊!

    又到了骗术揭秘时间了.各位看客您扶稳做好了,来给你深扒一些行业内幕了. 或者说一些投机的思路. 先提前写一些字,相信你们一会评论时候会用的上.直接复制,比较省力. “这年头傻逼太多,骗子明显不够用啊. ...

  7. 移动web 公用样式

    /*! normalize.css v3.0.2 | MIT License | github.com/necolas/normalize */ /** * 1. Set default font f ...

  8. php变量和数组大小限制

    前言:shopnc在默认拼接sql的时候会带上limit 1000 那么问题就来了,如果在使用系统的封装的方法,但是如果你没有带上->limit(false)就完蛋了 那么问题来了,在判断时候, ...

  9. 运行JSP时出现The requested resource (/proj3/MyJsp.jsp) is not available.(亲测有用)

    网上回答一波一波,坑爹也是一波一波,自己尝试了好多方法,大家都知道路径有错但是都不知道自己路径错在哪里,所以那些回答等于废话一堆,无意用里面写好index.jsp测试发现了这个问题.少说废话直接上图测 ...

  10. 读取java目录中相同目录、相同名称的文件

    使用ClassLoader的getResources方法(注意,不是getResource,少了s),可获得指定文件的包含jar包名称的多个路径值,然后依次读取文件即可. 使用class,只能通过ge ...