使用cordova+Ionic+AngularJs进行Hybird App开发的环境搭建手册

于 2016-03-23 09:31:53 发布 3193 收藏
分类专栏： 安卓开发 Android进阶 文章标签： angularjs cordova app Ionic
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lhc1105/article/details/50960279
版权


一，所需工具


      1，JDK：生成

    2，安卓SDK开发环境

    3，NodeJs：主要使用的还是npm

    4，Python开发环境

    5，VS 2012（2008，2015也可以，已亲测）：安装这个主要是需要一些.net的东西，也没具体查是啥，图个省事。

    6，cordova：起到一个移动中间件的作用，负责JS跟原生的一些交互。

    7，Ionic

  

二，说说安装过程中的一些坑


1&#

了解本专栏 订阅专栏 解锁全文 超级会员免费看
水田如雅
关注
专栏目录
订阅专栏
ionic+Angular+Cordova初学者文档
12-07
一共22个pdf文档，适合初学者学习，内容详细。
angularjs+ionic+cordova+Android studio的环境配置
火星男孩的分享空间
02-17 9839
node.js安装：官网 https://nodejs.org 检测（命令行）：npm -vcordova下载（命令行）：npm install -g cordova 检测（命令行）：cordova -v 介绍：Cordova是一种Hybrid开发，可以被部署到android，ios等多个手机平台。Cordova就是一个中间件，让我们把WebAPP打包成HybridAPP，并且它提供了非常多
评论 4 您还未登录，请先 登录 后发表或查看评论
Cordova+Angularjs+Ionic混合开发入门篇（一）----- ionic环境搭建
热门推荐
zhengelababy的博客
07-26 1万+
内容来自本人的简书：http://www.jianshu.com/p/8affba922a26
基于ionic+cordova+angularJs从零开始搭建自己的移动端H5 APP
weixin_34177064的博客
11-12 238
这里详细介绍下如何用ionic+cordova+angularjs搭建自己的移动端app，包括环境搭建，框架使用等，具体项目已放置在github上，可下载下来自行启动。 下载地址：https://github.com/foreverjiangting/myApp/tree/master/myApp 一：环境搭建 1.配置java的运行环境，包括path变量的路径，这里不...
基于ionic+cordova+angularJs搭建移动端App
12-12
基于ionic+cordova+angularJs搭建移动端App开发环境。
Cordova_Ionic_AngularJs环境安装及Eclipse开发HybridApp的配置
最新发布
11-12
Cordova_Ionic_AngularJs环境安装及Eclipse开发HybridApp的配置 Cordova（以前叫PhoneGap）提供了一组设备相关的API，通过这组API，移动应用能够以JavaScript访问原生的设备功能，如摄像头、 麦克风等。 Cordova还提供了一组统一的JavaScript类库，以及为这些类库所用的设备相关的原生后台代码。 Cordova支持如下移动操作系统： iOS, Android,ubuntu phone os, Blackberry, Windows Phone, Palm WebOS, Bada 和 Symbian。
Ionic+angularjs跨平台学习笔记-目录结构分析篇
软小鬼的博客
04-17 827
上一篇的学习笔记记录了Ionic+angularjs跨平台开发的前期准备，就是安装相应的环境：https://blog.csdn.net/Ruan_Number3/article/details/89138026 今天记录一个Ionic项目生成后，项目的目录结构以及与原生开发Android的巨大区别，因为这两个本来就完全不一样，但又有着相似的执行流程结构。 目录结构分析 先看一张图 上...
混合开发(Hybrid App)之 Ionic【一】-- 认识Ionic，搭建开发环境，创建项目
任意门
11-28 3752
写在前面 目前市面存在的移动开发方式有原生应用、混合应用、原生应用三种，对于这种方式可以做以下对比。      认识ionic ionic 是一个用来开发混合手机应用的，开源的，免费的代码库，具有以下特点。 1.ionic 基于Angular语法，简单易学。 2.ionic 是一个轻量级框架。 3.ionic 完美的融合下一代移动框架，支持 Angularjs 的特性
ionic+angularjs开发hybrid App(环境配置+创建测试项目)
weixin_33881050的博客
05-08 30
本文使用的系统是win10 因为后期需要使用nodejs 所以先把node装好 https://nodejs.org/download/ 下载JDK并配置Java运行环境 http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html 安装后配置环境变量 如下: 新增JAVA_H...
Cordova3.x 搭建web移动app开发环境小结
zcmain的专栏
09-18 1622
默认Android开发环境已经配置结束（eclipse+jdk+android-sdk+ADT） 1.安装Node.js       1.1 百度 Node.js 官网                     下载合适的版本,安装。这里下载 (node-v4.1.0-x86.msi)
ionic工具类API和配置
jumtre的专栏
02-20 4242
哎，真是不好意思。之前翻译Ionic教程的时候，忘记翻译ionic工具类api和配置这一块了。之前一致比较忙，忘记了。很多朋友经常问一些配置问题，比如为什么android的tab导航在上面，ios的tab导航在下面？…等等。其实这些都可以在ionic里面配置的。下面看我一一道来。 教程索引：(持续更新) ionic中文教程 转载请注明出处：http://haomou.net/2015/0
Hybrid App学习心得：cordova + ionic + angularjs
强悍的蛋炒饭的博客
07-04 903
1.对Hybrid App的一些理解 在之前就有很多公司推出过纯H5编写的轻应用，就是WebApp，主要的有点就是跨平台，更新快。但是这种App也存在很多缺点，例如很依赖网速，不能获取到系统级别的通知，这样造成用户体验很差。如果要做到又能跨平台，用户体验也能保证良好，那就需要用到混合开发技术，也就是Hybrid App。2.Hybrid App和Native App的主要区别
ionic3+Angular4+cordova 环境搭建（手机端App开发）
fang30890的博客
10-12 3357
一、框架：ionic3+Angular4+cordova 二、环境搭建： 安装node.js（为了使用npm来安装ant，cordova，ionic） 安装教程：https://www.cnblogs.com/zhouyu2017/p/6485265.html 验证： 2.下载jdk，并配置环境 配置教程：https://blog.csdn.net/u012934325/articl...
混合app打包步骤（本地+云端）HybirdApp本地环境配置步骤
ITzhongzi的博客
04-21 3688
使用HBuilder生成安卓应用（在线） HBuilder是在线进行打包的，所以，本地不用配置任何打包的环境；只需把开发好的HTML项目，通过在线的方式即可实现打包，最终将打包好的项目，下载到本地。 1.8. 环境变量的使用 注意：修改了环境变量，一定要重启命令行窗口，重新读取修改过后的环境变量；环境变量分为“用户环境变量”和“系统环境变量”：用户环境变量是局部的，仅限当前登录用
搭建 AngularJS+Ionic+Cordova 开发环境
sixteen_cicle的博客
04-28 708
搭建webapp项目 教程说起来是非常简单啊，去官网找代码也是打开了我得新世界 官网组件css： 官网css组件： http://ionicframework.com/docs/components/#header 有些效果很熟悉，原来别人的代码是这么找来的 还有一点 有些弹出框的代码我是只看见效果，没看见代码哪里找？ 在win7中搭建 AngularJS+Ion
Cordova+Angularjs+Ionic混合开发入门篇（三）—— Cordova插件的创建与安装
zhengelababy的博客
07-31 2614
内容来自个人简书：http://www.jianshu.com/p/4537eea6c9a4
AngularJS Cordova插件介绍
SalmonellaVaccine的专栏
08-13 1967
http://blog.csdn.net/offbye/article/details/38398181     ngCordova是在Cordova Api基础上封装的一系列开源的AngularJs服务和扩展，让开发者可以方便的在HybridApp开发中调用设备能力，即可以在AngularJs代码中访问设备能力Api。         根据我的经验，在cordova插件的su
ionic+angularjs+cordova项目说明
sixteen_cicle的博客
04-28 1057
接触到手机app开发设计，但没有实际参与开发，希望未来有机会能够参与，然后在这里做个笔记 1.目前手机APP有三类：原生APP、WebAPP、HybridApp 2. Ionic是一个新的、可以使用HTML5构建混合移动应用的用户界面框架，它自称为是“本地与HTML5的结合”。 该框架提供了很多基本的移动用户界面范例， 例如像列表（lists）、 标签页栏（tabbars）和
搭建 AngularJS+Ionic+Cordova 开发环境并运行一个demo
weixin_33882443的博客
02-25 150
目前的手机APP有三类：原生APP，WebAPP，HybridApp；HybridApp结合了前两类APP各自的优点，越来越流行。 Cordova就是一个中间件，让我们把WebAPP打包成HybridAPP，并且它提供了非常多的插件，方便我们使用原生APP的功能。 Ionic是一个界面样式库，仿照原生的ios和android界面；同时它是基于AngularJs的。   本文我们在win...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
©️2022 CSDN 皮肤主题：技术工厂 设计师：CSDN官方博客 返回首页

打赏作者

水田如雅

你的鼓励将是我创作的最大动力

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额：-- )
扫码支付
扫码支付：¥2
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、C币套餐、付费专栏及课程。

余额充值