手摸手带你入门ionic3(二):环境配置

前言

学习一门新的计算机技能最基本的就是开发环境配置,顺利的状况下很简单,不顺利的时候能折腾人半天,使人头疼。从入门到放弃说的可能就是配置开发环境出错这个阶段吧。前端

ionic 开发必不可少 NodeCordovaionic 这三者。AndroidXcode 二者的环境配置在一开始是可选的,配置过程当中假如出现错误解决不了,能够暂时放弃,等到熟悉了ionic开发流程,最后要打包成 Apk 或者 ipa 文件的时候再来解决也不迟。node

Note: 本安装教程基于 Mac OS 开发环境,Windows 环境请自行查找。某些工具的安装方式有不少,只介绍我的认为最简单的,初学者能够很容易上手的。假如安装出错,Google错误信息,答案就在第一页。废话较多,比较啰嗦,见谅。git

Node安装

现代前端开发少不了 NodeNpm,假如你对其不了解,请自行搜索相关资料。ionic 入门基本上只要会使用npm install这个命令就能够了。 进入Nodejs官网,会自动识别你的开发环境,点击下载LTS版的安装包并安装,node安装时会自动安装包管理器npmgithub

起一个新的终端输入node -v,假如输出相似 v8.1.4,说明node安装成功。接着输入npm -v,会输出相似5.4.1npm

注意: 网上不少教程上将 npm 替换成 cnpm,在 ionic 的开发中建议不要这么作,不然可能会出现依赖包安装失败致使奇怪的问题,这点切记。ionic

Cordova安装

在此以前确保 NodeNpm 安装成功,ionic 开发少不了 cordova,务必安装。 在终端上输入sudo npm install -g cordova-g表示全局安装的意思。结束后在终端上输入cordova -v,假如出现相似7.0.1,则表示安装成功。工具

ionic 安装

在终端上输入sudo npm install -g ionic,结束后接着输入ionic -v,会出现相似3.10.3学习

Android 环境配置

步骤太多,我知道,可是不想写,你们仍是本身百度吧。code

须要注意的有两点:JDK 版本 1.8 就能够了,Android SDK 安装 5.0 以上,ionic3 不支持 Android4.4 如下。cordova

多说几句,不少初学者会遇到使用ionic打包命令打包失败的状况,一部分是本身代码的问题,一部分就是没有配置好安卓开发环境。这个对没有安卓开发经验的人来说,确实是个麻烦。

Android开发环境配置好后,建议新建一个空白的原生项目,走一遍打包的过程,看是否能够成功打包成一个APK,假如能够,那么说明环境配置没问题。

Xcode 环境配置

我不知道,请自行百度,嘿嘿。

后记

本人在写一个ionic入门的教学手册 ionic3-handbook,还有一个基于真实项目的ionic项目HW-basic,感兴趣的能够看一下。

相关文章
相关标签/搜索