安装ionic和Cordova,并生成iOS和Android项目

ionic 产生的应用,不打包就是跨平台web app, 打包了，就是跨平台mobile app (iOS 和 Android)。

ionic 特点：

1.ionic 基于Angular语法，简单易学。
2.ionic 是一个轻量级框架。
3.ionic 完美的融合下一代移动框架，支持 Angularjs 的特性， MVC ，代码易维护。
4.ionic 提供了漂亮的设计，通过 SASS 构建应用程序，它提供了很多 UI 组件来帮助开发者开发强大的应用。
5.ionic 专注原生，让你看不出混合应用和原生的区别
6.ionic 提供了强大的命令行工具。
7.ionic 性能优越，运行速度快。

接下来我介绍Mac下如何安装（Window下安装和Mac大体一致：教程请参考 http://www.w2bc.com/article/246546）

一、安装node.js

登录node.js官网https://nodejs.org/en/download/
下载对应系统版本，注意一点ionic2的开发需求Node版本要大于v6，一般下载最新正式版。安装完成后，检测是否成功配置了Node，打开命令提示符：按下Win+R -> 输入"cmd" -> 输入命令 node -v，有显示版本号即表示安装成功。输入npm –v顺便查看npm是否安装成功以及版本号。Node 的环境会自动配置，安装完成就OK，无需手工配置。

二、安装cnpm并配置npm国内镜像

因为国内的网络环境原因，在用npm下载安装各种包的时候经常会遇到无法正常下载的情况。所以我们需要将npm指向淘宝镜像 。cmd中分步输入以下内容：
1、注册模块镜像：npm set registry https://registry.npm.taobao.org/
2、编译依赖的node的源码镜像：npm set distury https://npm.taobao.org/dist
3、清空缓存：npm cache clean
最后查看一下npm配置列表是否已经指向淘宝镜像：npm config list

三、 通过淘宝NPM镜像就可以安装ionic和cordova包.

输入在终端cmd中以下内容:
sudo cnpm install -g cordova ionic

四、安装成功以后,要查看安装的包内容是否全部都已安装

运行命令:
ionic info

五、项目

1.项目生成

cd ./Desktop //进入桌面
ionic start demo //生成demo文件项目

2.如果创建iOS应用,终端运行:

cd demo_1
ionic cordova run android
ionic cordova run ios

截图如下：

项目目录.png 平台.png

注：常用命令

npm install -g cnpm --registry=https://registry.npm.taobao.org（npm镜像源指向淘宝）
cnpm install -g cordova@6 ionic@2（安装cordova 6.x和 ionic 2.x）
cnpm install -g cordova ionic（安装最新版cordova ionic）
cnpm update -g cordova ionic（更新cordova ionic）
ionic -help（查看帮助）
ionic -v（查看版本）
cordova -v （查看版本）

ionic start yourAppName tutorial --v2 --skip-npm（创建项目并跳过npm安装使用cnpm安装步骤1）
cnpm install（创建项目并跳过npm安装使用cnpm安装步骤2）

ionic start myApp blank –-v2（空项目）
ionic start myApp tabs –-v2（带导航条）
ionic start myApp tutorial –-v2（带侧滑菜单）

cordova platform ls（查看项目已安装平台）
ionic platform add android（添加android平台）
ionic platform rm android（移除android平台）

ionic build android（编译项目apk）
ionic build android -–prod –-release （用--prod编译项目apk并签名）
ionic emulate android（运行项目apk 手机连接在手机运行 模拟器连接在模拟器运行）
ionic run android （相当于build + emulate）
ionic serve（开启服务调试）