Ionic 开发环境搭建
1.ionic 是啥
ionic 是一个开源的Hybird App 开发框架,通过它就可以直接使用html、css和javascript编写跨平台的移动app了,目前支持 android、ios、windows phone。
ionic 在底层使用了 Cordova 进行构建,通过Cordova js代码可以与原生代码(Android 的 java,iOS 的 Objective-C 等)互相通信,并且通过Cordova提供了很多插件来让js访问原生的设备功能,如摄像头、麦克风等。
ionic 官网

2.android 环境搭建
android 开发环境是在windows上搭建的
ionic需要使用node.js的包管理器npm进行安装,所以先安装下node.js。

安装node.js
在node.js官网上 https://nodejs.org/ 下载最新版本的node.js。
安装完后输入node -v 查看是否安装成功 。

如果安装过旧版本的node.js,直接在官网上下载最新版的安装到相同目录即可。

安装cnpm
因为npm的源在国外,所以速度非常慢,经常会因为网络原因导致安装失败。没有代理的同学可以安装taobao提供的cnpm,速度快很多。

npm install -g cnpm –registry=https://registry.npm.taobao.org

安装成功后,把命令里的 npm 换成 cnpm 即可。

安装ionic
打开CMD控制台时记得右键选使用管理员模式。

npm install -g ioinc

安装完之后输入 ionic -v 查看ionic 版本。

输入 ionic info 可以查看ionic信息。

安装Cordova
npm install -g cordova

输入 cordova -v 查看是否安装成功。

第一个APP
ionic自带了很多demo,先下载一个看看。

ionic start cutePuppyPics –v2

启动
漫长的等待之后终于安装成功了,切换到项目目录,然后启动服务,服务成功启动后ionic会自动在浏览器打开页面。

cd cutePuppyPics/
ionic serve