Ionic系列——环境配置和项目搭建
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.Node环境安装 简单的说 Node.js 就是运行在服务端的 JavaScrip,基于 Chrome JavaScript 运行时建立的一个平台,Node ...
- Vue环境搭建(node安装,环境配置,运行项目)
Vue环境搭建(node安装,环境配置,运行项目) 一.安装node 1.去官网下载node之后,推荐安装稳定版本(LTS)node官网下载地址 2.查看node安装成功否 node -v 查看nod ...
- Ionic Mac 环境配置
2019独角兽企业重金招聘Python工程师标准>>> Ionic Mac 环境配置 · 安装cordova之前要安装nodejs 会包含npm安装(npm是个包管理器 ...
- cocos2d-x 学习笔记(1)关于cocos2d-x(环境配置,项目结构,文件说明)
cocos2d-x 学习笔记(1)关于cocos2d-x(环境配置,项目结构,文件说明) 1.问:什么是cocos2d-x? 是一套开放源代码,主要基于c,c++语言,针对windows,linux, ...
- 完成我的第一个java项目“评标人才库管理系统”——环境配置+创项目
完成我的第一个java项目"评标人才库管理系统"--环境配置+创项目 idea配置maven环境 创建第一个Spring项目 idea配置maven环境 1.下载maven htt ...
- Android Studio环境配置安装、搭建详细步骤及使用方法
APP准备工作如下 1.源码下载 因为我已经下载好了 就不演示了 连下载都不会我就不说什么了. 稍后我会随教程发源码出去 jdk-8u77-windows-x64 萝卜app 1.1 mahuaTV这 ...
- CentOS7.4中Postfix邮件服务器的搭建(一)-----环境配置及简单搭建
CentOS7.4中Postfix邮件服务器的搭建(一)-----环境配置及简单搭建 实验内容: 1. 初始环境的优化 2. DNS服务器的搭建和postfix域名解析 3. Postfix服务器安装 ...
- 关于vn.py的环境配置和项目安装——各种错误一招解决
vn.py是基于Python的开源量化交易程序开发框架,可以即时进行开发回测以及实盘交易,而且相对于国内的一些其他的所谓免费的量化平台,vn.py是开源的,而且更加的底层,更加的灵活,这对于真正想要从 ...
- React-native 环境配置过程与搭建项目问题汇总
首先,最好参照来源当然是来自于开源代码本身的文档: https://reactnative.cn/docs/getting-started/ 一.初始环境搭建 1.环境组件 由于从网上查找React- ...
最新文章
- 如何将cocos2d-x程序分别移植到ios,android,windowsphone三个手机平台上
- 3D机器人视觉在仓储物流和工业自动化领域的应用 | AI ProCon 2019
- .NET简谈网络系统大局观
- Centos下chef安装、部署
- username is marked non-null but is null
- oracle主从表分离怎么实时更新数据_高可用数据库主从复制延时的解决方案
- ntp服务器同步时间详细配置
- 分类算法----逻辑回归预测
- 谷歌研究员发现新的 iOS 安全系统
- python中copy和deepcopy的区别_python里shadowcopy和deepcopy的区别
- java使用jacob语言实现阅读文字,文字转语音
- 两侧列固定中间列变宽Div布局参考
- STC系列单片机烧录
- 各省简称 拼音 缩写_省份简称拼音
- 【Matlab绘图进阶第2弹】Matlab绘制论文柱状图
- Docker容器内部 DNS 解析失败的问题
- html alert属性可以自定义,Html自定义alert,confirm弹窗
- threejs修改模型旋转轴
- Photo2Cartoon,照片图片批量转漫画
- SIwave仿真手册——软件基础(一)
热门文章
- 时序分析:隐马尔可夫模型
- PythonOpencv-分类器—SVM,KNearest,RTrees,Boost,MLP
- 单像素骨架提取算法c语言实现,【图像】骨架提取与分水岭算法
- 浏览器中的机器学习:使用预训练模型
- 转载:React Fiber架构(浅显易懂)
- webpack - 收藏集 - 掘金
- css H5端多行文本实现省略号
- 观物外篇-唐-邵雍:(一)
- 在线富文本编辑器FckEditor配置(.Net Framework 3.5)
- “Usage of API documented as @since 1.8+”