1.简介说明
Ionic 2 专注于以标准的 HTML 、 CSS 和 JavaScript 来构建移动站点,并可以通过 Cordova 打包成移动 App,只需编写一次代码,就可以分别部署到 iOS 、Android 等多种移动平台上。
要求:阅读此文档之前必须具备 HTML、CSS、JavaScript 基础,初步了解 TypeScript、Angular 2 的基础知识
2.搭建开发环境
node
Ionic 2 应用使用 Ionic CLI (Ionic command line) 创建,使用 Cordova 打包成本地应用。在安装 Ionic CLI 之前,需要先安装 Node.js,直接在官网下载node.js二进制安装文件安装即可,可以在控制台通过node –v
或者npm –v
检测是否安装
Cordova
使用以下命令安装cordova
npm install –g cordova
因为防火墙的缘故直接使用npm会很慢,所以可以使用淘宝镜像来安装
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装完淘宝镜像后以后就可以使用cnpm来代替npm命令了。这样上面安装cordova就可以改为
cnpm install –g cordova
可以通过cordova –v
检测是否安装成功
ionic
使用上面安装的淘宝镜像安装ionic2
cnpm install -g ionic
同样可以通过使用ionic –v
检测是否安装成功
其实安装ionic这一步可以和前面安装cordova这一步合并为
cnpm install -g ionic cordova
JDK
为了编译到 Android平台,还需要安装JDK并设置其环境变量
Android SDk
下载安卓SDK并配置环境变量
可以用过android -version
检测是否配置成功