当前位置：网站首页 > IT知识 > 正文

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

liuian 2024-12-03 16:33 52 浏览

一、安装开发环境

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

如此即可完成下载更新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

ionic4