搭建ionic开发环境
1. 下载node ,到官网 https://nodejs.org/en/ 下载对应的版本
nodejs
下载完成后,双击进行安装,一路下一步即可
node 安装界面
2.安装ionic cli
在终端输入 : npm install -g ionic cordova,如果有需要也有可能需要加一个"sudo"来使用管理员权限进行安装,在安装过程中,如果没有报错,则安装成功,
安装成功后,在终端中输入 ionic -v ,有显示版本号,即表示cli安装成功
查看ionic版本
3.安装ios环境
ios环境安装比较简单,只需要在App Store下载Xcode或在百度搜索xcode下载并安装即可,安装完成后,第一次打开xcode,会安装一些相关组件,组件安装完成后,即可使用
4.安装 Android 环境
安卓环境一直都是一个比较头疼的问题,经常会出现各种奇葩问题,导致无法使用
在这里,个人比较推荐使用AndroidStudio(以下简称AS)来控制环境变量,一方面是安装了AS,可以方便有些日后调试一些BUG,不要说你不懂安卓,报错还是能看懂的!看懂报错,就能百度到问题,一定要记得,你遇到的问题,别人绝大部分都已经遇到过了!
安装过程
1.下载AS,并安装,如果是Windows版本,会帮你把sdk相关的东西都安装好,并且不需要配置环境变量,就可以直接使用了,Mac上可能会比较麻烦,需要手动去配置相关信息
2.下面说下mac 下配置ANDROID_HOME的方式
1)使用AS的SDK Manager ,并找到对应的sdk目录,如我的机器是:/Users/gemini/Library/Android/sdk,后续所有SDK相关的东西,都是下载在该目录下
sdk manager
sdk路径
2).打开终端,输入 open ~/.bash_profile, 编辑profile文件,配置sdk的路径
export ANDROID_HOME=:~/Library/Android/sdk
export PATH=${PATH}:$ANDROID_HOME/platform-tools
3).保存该文件,关闭后,在终端中输入 source ~/.bash_profile , 使配置能够立即生效
4).另开一个终端,输入adb 命令,看到有内容输出,表明已经配置环境变量成功,如
adb
3.安装安卓编译工具及相应的sdk版本,此处注意科学上网,如我的是将22-26版本的都下载下来,这样基本上编译就不会在sdk上出现问题
sdk版本
编译工具
5)接下来配置gradle
在AS 中搜索 ,找到gradle_home,在安卓编译时,会需要用到gradle,我这里使用的是默认的路径.
gradle路径
在执行编译Android工程时,第一次会下载和SDK版本对应的相应的gradle版本,一般情况会下载比较慢,比较好的办法,是直接百度去下载对应的版本,并放到该目录下,这样再次重新编译时,就会直接将下载好的文件夹进行解压,就会快很多了
gradle
至此,ionic 需要的环境就都已经配置完成了.
网友评论