2019独角兽企业重金招聘Python工程师标准>>>

1、环境介绍

Java jdk: 开发环境

Android ADT: Ionic Android开发环境

IOS Xcode: Ionic Ios开发环境

ANT: Cordova编译工具

Node: 开发环境

Git: 源码拉取下载

Bower: 包管理工具

Grunt: node项目构建工具

2、环境配置

2.1、Java  jdk环境

下载安装Java jdk环境, 并添加到环境变量 JAVA_HOME  中

配置JAVA的环境变量: http://jingyan.baidu.com/article/f96699bb8b38e0894e3c1bef.html

2.2、操作平台环境

2.2.1、Android ADT(Android Development Tools)环境

下载安装ADT 并添加到环境变量  ANDROID_HOME  中

如何设置Android环境变量:http://jingyan.baidu.com/article/22a299b51c59d69e19376af8.html

①首先下载android sdk tools并安装

Android工具下载网址:http://www.androiddevtools.cn/

www.androiddevtools.cn若跳转失败请手动复制到浏览器中打开

②我在安装ionic的时候他说需要安装最新的sdk,就是android22所以需要越狱下载

Android 5.1 API 22 所有sdk文件下载地址  http://www.oschina.net/question/1539302_227672

③搭建android  AVD模拟环境一直没搞通

如何新建安卓AVD虚拟模拟器  http://jingyan.baidu.com/article/a681b0ded7e7573b1943465b.html

2.2.2、IOS xcode环境

暂时只搞了android的,稍后完善!在windows上面安装ios和在ios上添加android环境都比较麻烦。

但如果你是苹果笔记本,你开发Ionic只需要安装一个Node环境就可以开发了。

2.3、ANT环境

下载安装ANT 并添加到环境变量 ANT_HOME  中

ANT的安装和环境变量配置: http://jingyan.baidu.com/article/90808022c5eed8fd91c80f90.html

ANT官网下载地址:http://ant.apache.org/

有的时候需要用管理员打开,可能涉及权限问题。(这句话忘了说什么了,先放着)

2.4、Node环境

下载安装Node

Node官网下载地址:https://nodejs.org/download/

2.5、Git环境

下载安装Git 并添加到环境变量中

git的安装和配置:http://jingyan.baidu.com/article/9f7e7ec0b17cac6f2815548d.html

Node官网下载地址:https://nodejs.org/download/

2.6、Bower和Grunt

之后我会在另一篇博客中完善bower的使用,下载配置,忽略文件等的使用。

npm install -g bower
npm install -g grunt

3、Ionic项目创建

3.1、安装ionic和cordova

添加的时候最好用cmd的管理员身份运行

npm install -g cordova ionic

3.2、创建项目

$ ionic start myproject  开始第一个项目,默认是tab
$ ionic start webApp blank
$ ionic start webApp tabs
$ ionic start webApp sidemenu

3.3、打包项目运行

android在项目中打开cmd命令窗口:

 ionic platform add android(添加android平台,在项目中只需要运行一次)ionic build android(生成androidapk)ionic run androidionic emulate android(在android模拟器或真机中模拟)这是在虚拟中运行ionic serve可自动打开浏览器直接在浏览器测试

Ios在项目中打开cmd命令窗口:

$ ionic platform add ios
$ ionic build ios(这样生成的是app格式,还需要加ios证书变成ipa格式)
$ ionic emulate ios

3.4、ng-cordova的使用

Ionic系列——使用ng-cordova插件:http://my.oschina.net/u/1416844/blog/484693

4、项目介绍

介绍项目中文件夹的意义和作用,忽略哪些上传,刚拉取下来需要进行的操作,稍后完善!

5、错误处理

5.1 、在运行ionic build android的时候报错

[Error: ANDROID_HOME is not set and "android" command not in your PATH. You

这个时候要这样设置

ANDROID_HOME:C:\environment\adt-bundle-windows-x86-20130917\sdk

在path中写:%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools

5.2、node在添加-ng-cordova的时候存在跨磁盘移动的问题

Error: EXDEV, cross-device link not permitted 'C:\Users\shiguoqing\AppData\Local \Temp\git\1435225811973\plugin.xml'

我目前想到的解决办法是把项目弄到node的安装磁盘,然后在给弄回来,我现在项目挪到c盘去了。

5.3、创建AVD(安卓模拟器)报的错误

①首先是这个问题,这是没有安装英特尔硬件加速执行管理器,要手动安装一下。如果是自动安装的androidSDK他已经集成在里面了,但也需要手动安装一下。可以看下面的文章。

英特尔硬件加速执行管理器(英特尔 HAXM)是一款硬件辅助虚拟引擎(管理程序)安装:  http://www.cnblogs.com/csulennon/p/4178404.html

②这个问题Stack Overflow上给了一些解释

屏幕尺寸影响,多个虚拟机影响,摄像头影响等

emulator window was out of view and was recentred    这个是屏幕的尺寸选的有问题

emulator: Failed to sync vcpu reg
    emulator: Failed to sync HAX vcpu context
    网上说这两个问题,arm可以打开,intel的打不开了,加速器关了又能打开了,先在主板上打开Virtual tech,硬件加速才能用,另外,只有intel支持VT的CPU才行,我的电脑是acer4741g,说是默认开启,但是bios中没法设置。但是这两个问题一直没有解决,所以模拟器也没有跑起来,各位大神有什么办法?

http://stackoverflow.com/questions/17024538/how-do-i-fix-failed-to-sync-vcpu-reg-error

③这个是问题是在环境变量配置的PATH中要添加上C:\Windows\System32

④我有一次从新装机,一直遇到这个问题,找不到build-tools

折腾了半天,发现解决的办法很简单就是

http://blog.csdn.net/langyuewu/article/details/46729985

转载于:https://my.oschina.net/u/1416844/blog/486185

Ionic系列——环境配置和项目搭建相关推荐

  1. 【前端开发环境安装、配置、项目搭建全教程】

    前端开发环境安装.配置.项目搭建全教程 1.Node环境安装 简单的说 Node.js 就是运行在服务端的 JavaScrip,基于 Chrome JavaScript 运行时建立的一个平台,Node ...

  2. Vue环境搭建(node安装,环境配置,运行项目)

    Vue环境搭建(node安装,环境配置,运行项目) 一.安装node 1.去官网下载node之后,推荐安装稳定版本(LTS)node官网下载地址 2.查看node安装成功否 node -v 查看nod ...

  3. Ionic Mac 环境配置

    2019独角兽企业重金招聘Python工程师标准>>> Ionic Mac 环境配置 ·        安装cordova之前要安装nodejs 会包含npm安装(npm是个包管理器 ...

  4. cocos2d-x 学习笔记(1)关于cocos2d-x(环境配置,项目结构,文件说明)

    cocos2d-x 学习笔记(1)关于cocos2d-x(环境配置,项目结构,文件说明) 1.问:什么是cocos2d-x? 是一套开放源代码,主要基于c,c++语言,针对windows,linux, ...

  5. 完成我的第一个java项目“评标人才库管理系统”——环境配置+创项目

    完成我的第一个java项目"评标人才库管理系统"--环境配置+创项目 idea配置maven环境 创建第一个Spring项目 idea配置maven环境 1.下载maven htt ...

  6. Android Studio环境配置安装、搭建详细步骤及使用方法

    APP准备工作如下 1.源码下载 因为我已经下载好了 就不演示了 连下载都不会我就不说什么了. 稍后我会随教程发源码出去 jdk-8u77-windows-x64 萝卜app 1.1 mahuaTV这 ...

  7. CentOS7.4中Postfix邮件服务器的搭建(一)-----环境配置及简单搭建

    CentOS7.4中Postfix邮件服务器的搭建(一)-----环境配置及简单搭建 实验内容: 1. 初始环境的优化 2. DNS服务器的搭建和postfix域名解析 3. Postfix服务器安装 ...

  8. 关于vn.py的环境配置和项目安装——各种错误一招解决

    vn.py是基于Python的开源量化交易程序开发框架,可以即时进行开发回测以及实盘交易,而且相对于国内的一些其他的所谓免费的量化平台,vn.py是开源的,而且更加的底层,更加的灵活,这对于真正想要从 ...

  9. React-native 环境配置过程与搭建项目问题汇总

    首先,最好参照来源当然是来自于开源代码本身的文档: https://reactnative.cn/docs/getting-started/ 一.初始环境搭建 1.环境组件 由于从网上查找React- ...

最新文章

  1. 如何将cocos2d-x程序分别移植到ios,android,windowsphone三个手机平台上
  2. 3D机器人视觉在仓储物流和工业自动化领域的应用 | AI ProCon 2019
  3. .NET简谈网络系统大局观
  4. Centos下chef安装、部署
  5. username is marked non-null but is null
  6. oracle主从表分离怎么实时更新数据_高可用数据库主从复制延时的解决方案
  7. ntp服务器同步时间详细配置
  8. 分类算法----逻辑回归预测
  9. 谷歌研究员发现新的 iOS 安全系统
  10. python中copy和deepcopy的区别_python里shadowcopy和deepcopy的区别
  11. java使用jacob语言实现阅读文字,文字转语音
  12. 两侧列固定中间列变宽Div布局参考
  13. STC系列单片机烧录
  14. 各省简称 拼音 缩写_省份简称拼音
  15. 【Matlab绘图进阶第2弹】Matlab绘制论文柱状图
  16. Docker容器内部 DNS 解析失败的问题
  17. html alert属性可以自定义,Html自定义alert,confirm弹窗
  18. threejs修改模型旋转轴
  19. Photo2Cartoon,照片图片批量转漫画
  20. SIwave仿真手册——软件基础(一)

热门文章

  1. 时序分析:隐马尔可夫模型
  2. PythonOpencv-分类器—SVM,KNearest,RTrees,Boost,MLP
  3. 单像素骨架提取算法c语言实现,【图像】骨架提取与分水岭算法
  4. 浏览器中的机器学习:使用预训练模型
  5. 转载:React Fiber架构(浅显易懂)
  6. webpack - 收藏集 - 掘金
  7. css H5端多行文本实现省略号
  8. 观物外篇-唐-邵雍:(一)
  9. 在线富文本编辑器FckEditor配置(.Net Framework 3.5)
  10. “Usage of API documented as @since 1.8+”