编程开源技术交流,分享技术与知识

网站首页 > 开源技术 正文

Ionic开发笔记(一 环境安装)(开发环境怎么安装)

wxchong 2025-04-09 21:34:02 开源技术 23 ℃ 0 评论

一、安装开发环境

1、安装Node.js

2、安装Cordova、Ionic

$ npm install -g cordova ionic

3、安装 android sdk

百度 android studio 即可找到,下载安装,首次打开的时候需要更新SDK,由于google的网站无法打开,会导致android studio无法启动,所以需要更新 http下载配置文件

D:\Program Files\Android\Android Studio\bin\idea.properties

配置文件末尾添加:disable.android.first.run=true

进入初始化页面:

单独启动SDK Manager,

mirrors.neusoft.edu.cn

80

如此即可完成下载更新SDK了。

国内镜像地址:
http://www.cnblogs.com/zhuyp1015/p/4558978.html

Android SDK Manager:

关闭 Manager,进入文件夹:D:\Users\Administrator\AppData\Local\Android\sdk\temp

解压 tools_r25.1.7-windows.zip,将tools_r25.1.7-windows\tools下的文件全部复制到 sdk\tools 下,全部覆盖。

问题就应该解决了,应该是 ADT的使用冲突的原因。

参考解决:
http://www.shangxueba.com/jingyan/1863377.html

4、创建ionic app demo:

>ionic start myApp tabs

>cd myApp

# 如果ionic platform add android 执行 失败报错:Failed to install 'cordova-plugin-console':Error: cmd: Command failed with exit code ENOENT

# 检查环境变量Path中是否有:C:\Windows\System32,没有的话,配置上,重新打开cmd命令窗口执行即可。

>ionic platform add android

>ionic build android

编译的时间比较长,因为需要下载构建工具gradle,一个小时左右吧!网比较次,直到cmd窗口显示

build successful,表示编译成功。

>ionic emulate android

启动模拟器,报错了:

没找到 模拟器的镜像文件,需要创建一个镜像才行。

用 android studio来安装 AVD 报错

解决参见:
http://www.cnblogs.com/yizuochengchi2012/p/5405650.html、

前面历经的磨难暂时不说了,就这个CPU acceleration status:HAXM must be updated(version 1.1.1<6.0.1) 折腾了我很久,我机子上是1.4的as,运行模拟器 一直给我报这个错。家里的是2.0的没报错。还以为是版本低的问题 于是 更新sdk。HAXM 也安装了 就是找不到 后来,http://stackoverflow.com/ 搜索一下 发现 :

1.在as上 打开sdk 安装sdk的extras的 HAXM加速器

2. D:\workspace\androidstudio\Android\sdk\extras\intel\
Hardware_Accelerated_Execution_Manager(这是我的as sdk所在的目录) 双击intelhaxm-android.exe 安装即可。

安装之后还是报错,fuck,还有第二步

D:\Users\Administrator\AppData\Local\Android\sdk\extras\intel\
Hardware_Accelerated_Execution_Manager目录下,

双击安装,OK!可用了。

参考:
http://www.cnblogs.com/woodk/p/5215652.html

参考
http://ionicframework.com/getting-started/

关注微信公众号:jiagouyanjin

Tags:

本文暂时没有评论,来添加一个吧(●'◡'●)

欢迎 发表评论:

最近发表
标签列表