Mac下安装ionic和cordova

为了开发HTML5,除了最新使用React Native等之外,目前首选的为稳定的ionic+Angularjs来开发iOS和android.

Ionic(ionicframework一款接近原生的HTML5移动App开发框架　会html css js就可以开发app

一.首先安装node.js 下载地址 https://nodejs.org/en/ 下载下来后直接双击安装pkg包即可

1.1 分别在终端输入

npm -v

node -v

查看 nam和node的版本号

二.安装ionic和cordova

2.1 因为某些原因,国内的网络安装ionic和cordova 会出现错误,因此要跳过某些墙。采用淘宝NPM镜像。打开终端直接输入以下命令即可

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

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

sudo cnpm install -g cordova ionic

2.3 安装成功以后,要查看安装的包内容是否全部都已安装.运行命令:

ionic info

上图中所显示的Not installed代表未安装,安装方式即为红色给出的

**ps:不安装的情况下就是不能在此环境下编译等,但是对于浏览器运行无影响.**内容,照着内容安装即可以.

其中 `ios-sim`代表模拟器运行环境, `ios-deploy`代表真机运行环境。

3. 项目生成

3.1 在桌面上建立一个空的文件夹

//生成demo_1文件项目

ionic start demo_1

3.2 运行demo 在终端分别输入

cd demo_1

ionic platform add ios (可能会需要sudo)

ionic build iOS

ionic emulate ios  //模拟器运行

ionic 的详细讲解地址

http://www.runoob.com/ionic/ionic-install.html