转http://my.oschina.net/zhongwenhao/blog/369465

环境搭建基于 windows  ,mac系统可以借鉴

1、安装NodeJS 和ruby

http://nodejs.org/

我下载的是 node-v0.10.35-x64.msi

https://www.ruby-lang.org/en/

安装 1.9.3版本的,2.0版本的据说有问题,不知道bug 有没有修复,反正我也没试!

安装ruby时要勾选将添加到path ,如果没有勾选,手动将安装根目录添加到path 中

参考:

C:\Ruby193\bin

2、安装PhoneGap

http://phonegap.com/install/

打开命令行,输入命令:

npm install -g phonegap

3、安装Cordova

http://cordova.apache.org/

sudo npm install -g cordova

4、安装 ant

http://ant.apache.org/

参考配置:

ANT_HOME    C:/ apache-ant-1.8.1
path C:/ apache-ant-1.8.1/bin
classpath C:/apache-ant-1.8.1/lib

5、安装 JDK

http://www.oracle.com/technetwork/java/javase/downloads/index.html

JDK 安装请参考:

http://my.oschina.net/zhongwenhao/blog/303821

6、安装 sencha cmd

http://www.sencha.com/products/sencha-cmd/

安装目录不能有中文,空格

安装完毕后将安装根目录添加到 path

参考

C:\Sencha_cmd2\Sencha\Cmd\5.1.0.26

7、本文以搭建android环境为例  安装sdk

http://developer.android.com/sdk/index.html

我下载的是 android studio 开发工具(便于日后开发),安装过程会提示你安装sdk ,你也可以在页面中,找到只下载sdk 的链接;

我的sdk 安装路径为:

D:\androidstudio\sdk

安装完毕后,将以下三个路径添加到path 中

D:\androidstudio\sdk\platform-tools;D:\androidstudio\sdk\tools;D:\androidstudio\sdk\platforms

8、验证下是否安装正确:

验证nodejs,  ruby ,phonegap cordova ,ant,jdk ,sencha cmd

sdk 安装的验证:

安装完毕,可以开始开发了,小伙伴们!   ps: 妈比的,貌似安装的有的多,但是没有办法啊

下载  sencha touch 开发包

http://www.sencha.com/products/touch/

我下载的是:touch-2.4.1版本滴,我放在D 盘下,jxgl 是项目名称,后面跟着的是项目生成后存放的路径!

生成项目:

为生成的项目添加phonegap 支持,如果想使用cordova 直接将phonegap 换成cordova即可!

命令执行成功的话,会在项目根目录添加 phonegap 目录,这样你就可以使用sencha touch 和phonegap啦!

我用的是tomcat 服务器,刚在生成sencha 项目时也可以看到,我将生成的项目放在tomcat 的webapps目录下,启动tomcat服务器后,用浏览器直接访问生成的项目:http://localhost:8080/jxgl/

这样,环境就搭建完成了

如果你英文还可以请参考官方文档:

http://docs.sencha.com/cmd/5.x/cordova_phonegap.html

PhoneGap+Cordova+SenchaTouch-01-环境搭建的更多相关文章

  1. 初学者易上手的SSH-struts2 01环境搭建

    首先,SSH不是一个框架,而是多个框架(struts+spring+hibernate)的集成,是目前较流行的一种Web应用程序开源集成框架,用于构建灵活.易于扩展的多层Web应用程序. 集成SSH框 ...

  2. Flutter 即学即用系列博客——01 环境搭建

    前言 工欲善其事,必先利其器 所以第一篇我们来说说 Flutter 环境的搭建. 笔者这边使用的是 MAC 电脑,因此以 MAC 电脑的环境搭建为例. Windows 或者 Linux 也是类似的操作 ...

  3. 关于DreamWeaver CS6.0 + PhoneGap 之移动开发环境搭建

    原博客地址为:http://blog.csdn.net/alovebtoc/article/details/9315437  HTML5已经逆袭了移动开发,近期有幸布置PhoneGap的环境搭载,其实 ...

  4. ionic2使用cordova打包的环境搭建

    1.安装node.js(不用说了) 2.安装JDK(java的开发基础类库) 3.安装SDK(安卓开发集成包) 4.gradle( JAVA界的Weboack ,支撑app的编译,打包的流程) 5.安 ...

  5. ofbiz最新版13.07.01环境搭建、安装(linux环境下)

    一.软件必备: 1.jdk1.7 2.mysql5.6 3.安装tomcat 二.安装: 1.安装 JDK1.7 2.安装mysql数据库 3.下载apache-ofbiz-13.07.01.zip ...

  6. mybatis源码分析之01环境搭建

    直接使用maven搭建一个mybatis的运行环境 1. pom.xml <?xml version="1.0" encoding="UTF-8"?> ...

  7. vuecli学习01 - 环境搭建

    到这个链接下载nvm的安装包:https://github.com/coreybutler/nvm-windows/releases. 然后点击一顿下一步,安装即可! 安装完成后,还需要配置环境变量. ...

  8. DAY1 VS2017&CUDA10.01环境搭建

    Visual Studio工程配置情况: VC++目录配置: C:\ProgramData\NVIDIA Corporation\CUDA Samples\v10.\common\lib\x64 C: ...

  9. phonegap+cordova+ionic调用原生API

    上一篇博客讲了phonegap+cordova+ionic的环境搭建,今天再来分享一篇cordova调用原生API的文章.从技术角度上来讲,这并不是很难,只是有些细节要是没有注意,或者某些步骤不知道的 ...

  10. Phonegap(Cordova)3.4 + Android 环境搭建

               PhoneGap是一个用基于HTML.CSS和JavaScript的,创建移动跨平台移动应用程序的高速开发平台. 它使开发人员可以利用iPhone,Android,WP7等多 ...

随机推荐

  1. 部署OpenStack问题汇总(三)--Failed to add image

    使用glance add 上传完img文件的时候出现了下面的错误 ------------------------------------------------------------------- ...

  2. Centos 安装yum,安装ansible

    今天使用centos安装ansible,发现域名默认安装是未注册的.提示: This system is not registered to Red Hat Subscription Manageme ...

  3. matlab的m程序转执行文件exe

    转换主要有两步: 第一步 设置编译器 在命令窗口输入 mbuild -setup 根据提示操作即可,.如下图我的设置 第二步 转换执行文件 命令行输入 mcc -m main   即可(输入 mcc ...

  4. VMware激活码,Acrobat激活码

    VMware Workstation Pro key/注册码: VY1DU-2VXDH-08DVQ-PXZQZ-P2KV8 VF58R-28D9P-0882Z-5GX7G-NPUTF YG7XR-4G ...

  5. IIS 下载文件 报错“401 - 未授权: 由于凭据无效,访问被拒绝。”

    点开身份验证 改为启用就OK了 重启一下IIS. 如果你上在办法没有解决可参考 1.打开“IIS信息服务管理器”——>选择你发布的网站——>选择功能视图中的“身份验证”——>右键匿名 ...

  6. numpy的文件存储,读取 .npy .npz 文件

    Numpy能够读写磁盘上的文本数据或二进制数据. 将数组以二进制格式保存到磁盘 np.load和np.save是读写磁盘数组数据的两个主要函数,默认情况下,数组是以未压缩的原始二进制格式保存在扩展名为 ...

  7. Anaconda安装教程+Tensorflow教程

    Anaconda安装 1.拿到安装包,点击安装 2.下一步 3.下一步 4.下一步 5.下一步 6.下一步 7.更改文件显示路径 ctrl+f查找 # The directory to use for ...

  8. 一般图的着色 - [Welch Powell法][贪心]

    原本这是离散数学的期末作业,因为对图论比较熟悉,就先看了一下图论题: 引用<离散数学(左孝凌版)>(其实就是我们的离散数学课本……): 用韦尔奇·鲍威尔法对图G进行着色,其方法是: a)将 ...

  9. CodeForces - 55C Pie or die 想法题(猜程序)

    http://codeforces.com/problemset/problem/55/C 题意:一个博弈. 题解:瞎猜,目前不清楚原理 #include<iostream> #inclu ...

  10. maven package install deploy区别

    package 命令完成了项目编译.单元测试.打包功能,但没有把打好的可执行jar包(war包或其它形式的包)布署到本地maven仓库和远程maven私服仓库install 命令完成了项目编译.单元测 ...