Cordova+ionic 开发hybird App --- 开发环境搭建

Cordova 开发hybird App 开发环境搭建

一.一些基础概念:

Ant :

简单说来可以这么理解,如果你用记事本写JAVA程序,然后在cmd里输入javac命令编译它,但是有一天你发现每次手动输入太麻烦而且都是重复劳动,
于是你下决心改变这种状况,然后学会了把javac命令写到一个bat文件中,以后编译只需要单击运行即可;然后随着你敲的代码越来越多,而且有了
JAVA project概念,于是你手动新建了很多文件夹比如src、bin、lib,你有写了一个bat文件来减少你的重复劳动;再后来随着你编码的需求更多,
你对javac命令也了解更多,譬如打包、运行不同的类等等,而且你又学会了用junit,test类源码要和非test源码分开,你的boss要求你把web项目部
署到tomcat下……你看了一下你的屏幕,满满的都是各种各样bat文件,查找起来基本靠记忆,这样不好不好。于是乎ant闪亮登场,从此妈妈再也不
用担心我点错命令了!!废话有点多。ant说白了就是代替各种bat文件来帮助你实现想要的命令(主要是和JAVA编程相关),而且她做得更多效率更好。

Npm: NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题,常见的使用场景有以下几种:
1. 允许用户从NPM服务器下载别人编写的三方包到本地使用。
2. 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。
3. 允许用户将自己编写的包或命令行程序上传到NPM服务器供别人使用。
4.

Nodejs: JS是脚本语言,脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS,浏览器充当了解析器的角色。而对于需要独立运行的JS,
NodeJS就是一个解析器。每一种解析器都是一个运行环境,不但允许JS定义各种数据结构,进行各种计算,还允许JS使用运行环境提供的内置对象
和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM,浏览器就提供了document之类的内置对象。而运行在NodeJS中的JS的用途是操作磁
盘文件或搭建HTTP服务器,NodeJS就相应提供了fs、http等内置对象。

Ionic: IONIC 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序,它 提供了很多 UI 组件来帮助开发者开发强大的应用
。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定,使用它成为 Web 和移动开发者的共同选择。

SASS:

Cordova/Phonegap:

二.环境搭建:

安装nodejs;

安装jdk 配置环境变量
JAVA_HOME: C:\Program Files\Java\jdk1.8.0_45
CLASSPATH: .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
Path:%JAVA_HOME%\bin;

安装git ;

安装 ant 配置环境变量
ANT_HOME:C:/apache-ant-1.9.6
Path:%ANT_HOME%\bin

安装Android 配置环境变量
用户变量ANDROID_HOME:F:\android-sdk-windows
系统变量PATH:%ANDROID_HOME%\platform-tools; %ANDROID_HOME%\tools;

安装ionic 和 cordova
npm install –g cordova ionic
ionic start app

三.整合crosswalk
ionic browser add crosswalk
如若要移除crosswalk,则需执行:
ionic browser revert crosswalk / ionic browser remove crosswalk

时间: 2024-12-12 12:39:47

Cordova+ionic 开发hybird App --- 开发环境搭建的相关文章

iOS开发——实战OC篇&环境搭建之Xib(玩转UINavigationController与UITabBarController)

iOS开发——实战OC篇&环境搭建之Xib(玩转UINavigationController与UITabBarController) 前面我们介绍了StoryBoard这个新技术,和纯技术编程的代码创建界面,本篇我们将介绍一个老的技术,但是在很多的公司或者库里面还是使用这个技术,既然如此它肯定有他的好处,至于好处这里我就不一一介绍了.在Xcode5之前是只能使用Xib或者代码的,而代码又对于很多初学者来说算是一个难题.毕竟不知道怎么下手.所以我就总结了一下这段时间自己编写程序的一个实例来说明怎么

iOS开发——实战OC篇&环境搭建之纯代码(玩转UINavigationController与UITabBarController)

iOS开发——实战OC篇&环境搭建之纯代码(玩转UINavigationController与UITabBarController) 这里我们就直接上实例: 一:新建一个项目singleView Controller,命名未iCocos 二:由于我们使用的纯代码实现的,所以删除其中的StoryBoard和Viewtroller的两个文件 三:新建一个继承自TabBar Controller的类,我们命名问iCocos ViewController 三:在Appdelegate的实现文件中导入刚刚

php开发小技巧--快速环境搭建

前几天同学让我帮忙调试一个PHP后台的网站,我擦,我都没有环境你丫还非得让我本地跑,不肯给我权限.我只想说三个字,你丫就是王八蛋.希望你看不到我写的这篇文章. now,吐槽结束,正题开始.下面介绍快速搭建一个PHP开发环境搭建的小技巧.no big deal,就是一个开源的软件.名字是PHPnow.它是Apache+PHP+ MySQL环境套件包,这种集成的开发环境的好处是,它用脚本的方式帮你做了各种缺省的配置,满足你的基本的需求.如果想更高级,对不起,自己定制. 下面用一个很久之前写的程序演示

win7+Myeclipse10开发Hadoop应用程序环境搭建

1.复制linux下已配置安装好的hadoop目录进入windows, 同时修改hadoo-env.sh文件的JAVA_HOME为windows下的jdk目录. 2.复制hadoop-eclipse-1.2.jar插件进入myeclipse文件夹下dropins下 下载:我的文件下有一个以hadoop-eclipse1.2.rar文件(压缩包),下载下来,将后缀改为jar就可以了 3.重启myeclipse 4.配置:windows-Preference->windows下的hadoop目录 5

iOS开发项目篇-01环境搭建

iOS开发项目篇-01环境搭建 一.基本过程 1.新建一个项目 (1)删除storyboard (2)在配置界面中,把main  删除,手动设置 2.准备素材 图片素材如下: 这个项目是模仿新浪,实现一个山寨的新浪微博系统,新版本的系统中已经放弃了非视网膜屏幕. 说白了,这种情况下,如果手机是3.5英寸的ios7系统,则看不到该启动动画. 设置方法,右键单击show in finder,修改json文件. Contents.json,对文件进行修改,让系统启动画面对3.5英寸的ios7系统提供支

eclipse开发cocos2dx 3.2环境搭建之三: ccp-tests项目编译 (this project is not a CDT project)

cocos2dx还有一些测试项目,3.2版本都在安装目录下的tests文件夹下.其中ccp-tests项目包含非常多的使用示例,初学者可以通过熟悉学习这个项目快速的了解cocos2dx的基础知识. 自己在测试cpp-tests项目时还是遇到了一些东西,这次就总结一下. 进入ccp-tests目录可以看到与之前的测试项目结构是一样的. 刚开始直接用eclipse导入了这个项目("File->New->Other->Android/Android Project from Exis

eclipse开发cocos2dx 3.2环境搭建之一: Android C\C++环境搭建(ndk r9d)

这几天有时间,琢磨一下cocos2dx.cocos2d家族其实挺庞大的,也有cocos2d-android这种可以直接用Java语言来开发的,但是cocos2d-android资料相对少一些,而且貌似都是几年前的.对比一下还是cocos2dx比较流行,有可以跨平台,而且既然要学就一起把c++学了. 这段时间已经用惯了idea,不太想换回去,但是查了查发现idea还不能做c++开发.国内倒是有家公司开发了一款idea的cocos插件,不过其实是cocos2dx-js,好像最新版的又加入了cocos

app自动化环境搭建之Appium

app自动化环境搭建之Appium 1. 安装node.js (1) 安装node.js 我的电脑是64位的,选择64位的安装包 (2) 验证安装node.js是否安装成功 运行--> cmd-->  输入 node -v ,显示版本号,说明安装成功:若安装失败,检查电脑版本是否与安装版本一致 2.配置Android SDK环境 (1) 下载adb压缩包,并解压到D盘根目录 adb的全称为Android Debug Bridge,就是起到调试桥的作用.通过ADB我们可以在Eclipse中方面通

带你从零学ReactNative开发跨平台App开发(二)

ReactNative跨平台开发系列教程: 带你从零学ReactNative开发跨平台App开发(一) 上一篇教程我们一步步配置了开发RN的必备环境,这篇文章我们依然配置环境,昨天配置的是CRNA模式开发的环境,我们今天配置原生混合开发环境. 第一次写系列教程,写的不好,多多担待,有错误欢迎评判指正. 说一下这个系列教程的目标吧,实战一个CRNA模式开发的跨平台App打包并发布,并将这个App用原生混合开模式实现并打包发布. 废话不多说开始撸码,你准备好了吗? 环境配置 配置原生混合模式开发的环