sencha touch 2.3 结合cordova 环境搭建】的更多相关文章

sencha touch 2.3环境搭建必备工具 sencha touch 2.3 包sencha cmd 4.0以上JAVA JDK 1.7以上(注意JDK和JRE的区别)Ruby 1.9.3或更早版本android sdk 如果需要生成ANDROID APP 注意将jdk,ruby,sencha cmd都添加到环境变量PATH例jdk path: JAVA_HOME变量路径为C:\Program Files (x86)\Java\jdk1.7.0_67则JDK PATH为%JAVA_HOME…
我们看 Ionic 能给我们提供什么?  一个样式库,你可以使用它 来 装饰你的 HTML 网页 ,看起来 想 移动程序的 界面,什么 header .content.footer.grid.list.这貌似没什么 实质性的东西, sencha touch ,jq 都能提供 .一个用 AngularJS 写的 工具库,姑且叫它 组件库吧.Ionic的 grid 设计的比较合理,比 bootstrap的 更强大.当然它 还包含 了angular-animate.angular-resource.a…
目前的手机APP有三类:原生APP,WebAPP,HybridApp:HybridApp结合了前两类APP各自的优点,越来越流行. Cordova就是一个中间件,让我们把WebAPP打包成HybridAPP,并且它提供了非常多的插件,方便我们使用原生APP的功能. 本文我们在win7中搭建 Cordova 开发环境,包括所涉及的Node.js.Cordova CLI.JDK及Android SDK等. 然后我们来实现个简单的demo,开始吧! 1 安装Cordova (Cordova开发环境的安…
安装环境前题是nodejs已安装,android环境搭建完成,android环境没有通过http://www.androiddevtools.cn/安装,安装使用 淘宝 NPM 镜像 方式 1.运行cmd以管理员身份运行,输入命令 npm install -g cnpm --registry=https://registry.npm.taobao.org 安装完成后,输入 cnpm install -g cordova 安装成功后如下图 2.创建项目 cordova create myapp c…
首先,需要了解一下cordova 和 phonegap 的关系.phoneGap是原先的名字,Cordova是phoneGap被捐给apache之后 用的项目名,phoneGap的名字也被保留了. 1.需要安装 node .java .ant . git .cordova .ionic .npm 2.检测 node -v .javac .git . cordova -v . ionic -v .npm -v 环境搭建: JAVA环境 1.安装JAVA JDK 2.打开我的电脑--属性--高级--…
一.环境搭建 Cordova 环境配置之前,应先下载安装 Node.js ,中文官网:http://nodejs.cn/. 以管理员身份运行 cmd 命令行工具: 1.查看 Node.js 是否已安装成功,命令为:node -v 2.查看 npm 是否已安装,命令为:npm -v 3.Cordova 安装,命令为:npm install -g cordova,C:\Users\Administrator\AppData\Roaming\npm会生成对应的.cmd文件 如果慢,可以修改镜像,再进行…
Cordova大家可能比较陌生,但肯定听过 PhoneGap ,Cordova 就是 PhoneGap 被 Adobe 收购后所改的名字.它是一个可以让 JS 与原生代码互相通信的一个库,并且提供了一系列的插件类(如 JS 直接操作本地数据库的插件类). 目前Cordova支持的平台,摘自Cordova官网,它们分别是Android.iOS.Windows Phone.BlackBerry.ubuntu.火狐.LGwebOS.FireOS. 环境搭建 检测是否安装了node.js 打开终端输入n…
Cordova 使用HTML, CSS & JS进行移动App开发;多平台共用一套代码;免费开源 步骤:(来自Cordova官网) 1.安装Cordova(在node.js环境下进行安装) 命令提示行   npm -v  可以查看是否安装成功node.js npm install -g cordova   安装cordova 2.创建一个项目 使用命令行创建一个空的Cordova项目.导航到你希望创建项目的目录 Example     cordova create myapp com.mycom…
我们看 Ionic 能给我们提供什么? 一个样式库,你可以使用它来装饰你的HTML网页 ,看起来 想 移动程序的界面,什么header .content.footer.grid.list.这貌似没什么实质性的东西,sencha touch ,jq 都能提供 .一个用 AngularJS 写的工具库,姑且叫它 组件库吧.Ionic的 grid 设计的比较合理,比 bootstrap的 更强大.当然它还包含 了angular-animate.angular-resource.angular-sani…
原文地址:http://blog.csdn.net/lovelyelfpop/article/details/50848524 插件地址:https://github.com/nordnet/cordova-hot-code-push 以下是我对GitHub项目readme的翻译 ---------------------------------------------- Cordova Hot Code Push Plugin 此插件提供了能够使cordova app自己主动更新web内容的功…
一.配置环境 1.配置java环境: 下载对应系统环境的jdk:http://www.oracle.com/technetwork/java/javase/downloads/index-jsp-138363.html 安装jdk并配置环境变量 2.配置android环境: 准备android开发工具: 64位系统解压:adt-bundle-windows-x86_64-20140702.zip 32位系统解压:adt-bundle-windows-x86-20140702.zip 配置环境变量…
1.nodejs 下载地址:https://nodejs.org/zh-cn/,执行默认安装就可以,可执行命令 node(环境变量) 2.修改 npm 源,执行:npm config set registry http://registry.cnpmjs.org 3.安装 ionic,执行:npm install -g ionic 4.安装 cordova,执行:npm install -g cordova 5.安装 jdk,并配置环境变量(主要版本不要用最新的,否则会报错),参考链接:http…
一.环境下载 1.下载并安装Node.js 安装一路下一步即可 2.下载并安装Git 安装一路下一步即可 3.配置Android开发平台环境 (1)下载JDK (2)下载AndroidSDK (3)下载Apache Ant (4)下载eclipse 二.环境配置 1.JDK环境变量配置 系统变量中新建 :JAVA_HOME 指定你的jdk安装位置 C:\Program Files\Java\jdk1.8.0_111 新建:CLASSPATH .;%java_home%\lib\dt.jar;%j…
一.软件安装 1.nodejs 2.npm 3.Cordova 如果慢,可以修改镜像,再进行安装. npm config set registry http://registry.cnpmjs.org npm info underscore npm install -g cordova 安装成功后做版本查看测试 4.ionic 版本查看 5.Java JAVA_HOME=C:\Program Files\Java\jdk1.8.0_101 6.ant 7.Andorid环境安装 path环境变量…
1.安装nodejs:官网下载安装包,双击安装即可.成功后在控制台输入node -v 显示版本号即成功. 2.安装Java,配置环境变量,下载安卓sdk ,配置环境变量 ANDROID_HOME 为sdk目录,同时path里面加入%ANDROID_HOME%. 3.使用node包管理器安装cordova:npm install -g cordova. 4.安装ionic:npm install -g ionic,很容易出现问题, 5.提示ERR socket hung up : 说明请求不到文件…
一些坑(如Manager.exe闪退的问题)请查看:https://www.cnblogs.com/CyLee/p/9911195.html 官方网址: # Cordova http://cordova.apache.org/ # phoengap http://phonegap.com 第三方教程: # 安装教程1http://www.cnblogs.com/webapi/p/5669129.html # 安装教程2http://www.cnblogs.com/fnng/p/4552438.h…
Cordova 环境搭建 1安装JDK 工具文件夹中:jdk目录 1)下载地址:http://www.oracle.com/technetwork/java/javase/downloads/index.html 设置环境变量: JAVA_HOME= C:\Program Files\Java\jdk1.6.0_45 JRE_HOME=C:\Program Files\Java\jdk1.6.0_45\jre CLASSPATH=.;%JAVA_HOME%\lib\dt.jar;%JAVA_HO…
 项目构建篇 1.生成sencha touch 项目 新建目录,在命令行进入该目录,sencha -sdk sdk-path generate app appName appPath 2.命令行中进入sencha touch 目录, 添加cordova 命令 sencha cordova init android-program-id android-program-name 3.为cordova添加安卓平台 进入app.json文件,编辑,添加安卓平台       "platforms&quo…
最近我在尝试了解跨平台技术的发展,首先则是想到了cordova.本文简单记录下cordova环境搭建的过程. 安装cordova 首先是要npm全局安装cordova npm install -g cordova 创建应用 安装的cordova类似于create-react-app这种脚手架,可以通过命令行直接创建应用 cordova create myapp 添加平台支持 cordova可以支持ios, android, web三端. cordova platform add ios cord…
通过上一章节的学习,我们的开发环境已经配置好了,接下来我们开始创建第一个sencha touch的项目,网络上很多sencha touch的教程都是手动搭建项目的, 不过手动搭建的项目缺少一些sencha cmd对项目代码打包压缩编译的关键文件, 所以在这里我们从创建项目开始都是使用sencha cmd工具,请确保上一章节中所有的环境配置都已经成功, 那么接下来我们开始我们的项目创建: 1.项目创建 在项目创建前,我们先确认下我们的sencha cmd的版本, 点击开始==>运行==>cmd,…
一.环境搭建 需要安装配置以下组件,具体参考:Cordova环境搭建, 我的版本信息如下: 这里要特别注意,node版本,ionic2需要 大于v6 ,而不是0.xx版本,否则会不支持报错. 二.设置淘宝镜像 被强了你懂得,如果不设置淘宝镜像,本人亲测,一天你都搞不定 hello word. 1,registry淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 2.使用淘宝镜像 安装 cordova cnpm…
开始动手前的说明 我搭建这一套环境的时候是基于docker搭建的,用到了docker-compose,所以开始前要先安装好docker . docker-compose,并简单的了解docker . docker-compose的用法. 前言 ELK 是什么? ELK 指:ElasticSearch + Logstash + Kibana ELK 用来干什么? ELK 可以用来收集日志并进行日志分析,实现日志的统一管理,帮助开发人员和运维人员快速分析日志,快速发现问题. 当然它还有很多非常多实用…
1.安装 nodejs 2.安装 cordova: npm install -g cordova 3.创建一个工程: cordova create MyApp com.example.MyApp MyApp 其中:第一个 MyApp是文件夹的名称: com.example.MyApp 是app id 第二个MyApp是工程的名称,也是应用的名称 4.进入文件夹 cd MyApp 5.创建一个android的应用 cordova platform add android 6.用eclipse新建a…
最近因为有个项目需要制作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…
转自http://www.phonegap100.com/portal.php?mod=view&aid=19 作为你开发的一部分,为安卓设备开发的 Sencha Touch框架应该在安卓虚拟机中被测试.这篇博客讨论如何安装和使用安卓虚拟机,使用命令行或者Sencha Architect构建器来进行 Sencha Touch开发.被出售和使用的Android智能手机的数量最近超过了iOS智能手机. (2013年4月的时代杂志的一篇文章披露出来的数据).很多Sencha Touch开发者针对的是A…
原文地址:http://blog.csdn.net/lovelyelfpop/article/details/40780111 Phonegap/Cordova项目中的config.xml文件.里面配置了以下的内容: <icon gap:platform="android" gap:qualifier="ldpi" src="res/icon/android/icon-36-ldpi.png" /> <icon gap:plat…
cordova最新中文api http://cordova.apache.org/docs/zh/3.1.0/ 1.将Cordova 生成的项目导入到adt-eclipse中,如下: 项目结构如下:   导入之后可能报以下错误: 解决方案:1.右击项目选择 properties2.选择android. 设置API 版本为你机子上安装最新版本,一般我们要下载最新的API,如图: 3.确定后,菜单栏project,点击clean即可解决错误. 其中config.xml为配置文件,res文件中放置启动…
首先你得安装一个adt-eclipse 参考资料 http://www.crifan.com/android_eclipse_offline_install_adt/ 然后就可以运行adt-eclipse来进行打包 1.新建Android一个项目 打开Eclipse,单击菜单栏的“File”->把鼠标光标移动到“New”->在弹出的列表框中,如果直接能看到“Android Applicaion Project”选项项,则直接单击此选项,否则选择最下面的“Other...”,在弹出的窗口中,展开…
简单的写一些,备忘,太折腾了,特别是通过代理上网的我们国内的开发者 1.当然是安装Visual Studio 2015,别忘了选择Tools For Apache Cordova. 对于通过Proxy上网的,就不要指望Visual Studio 2015会把完整的开发环境搭建好了.下面的步骤对于通过代理上网的园友有用: 2.重装node.js和npm Vs2015也会帮我们安装node.js ,但是版本太老 node.js下载地址:https://nodejs.org/en/download/…
Cordova 开发hybird App 开发环境搭建 一.一些基础概念: Ant : 简单说来可以这么理解,如果你用记事本写JAVA程序,然后在cmd里输入javac命令编译它,但是有一天你发现每次手动输入太麻烦而且都是重复劳动,于是你下决心改变这种状况,然后学会了把javac命令写到一个bat文件中,以后编译只需要单击运行即可:然后随着你敲的代码越来越多,而且有了JAVA project概念,于是你手动新建了很多文件夹比如src.bin.lib,你有写了一个bat文件来减少你的重复劳动:再后…