Mac下安装ionic和cordova,并生成iOS项目

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

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

博客地址: http://blog.img421.com/

ionic中文教程讲解的很清楚,此网站翻译了一些原官网文档,并且也有诸多例子,让咱们可以更好的学习.本教程讲述一下ionic、cordova安装的具体内容.

1. 安装npm 、node.js

1.1 打开`终端(Terminal)`,分别输入如下内容:

npm -v

node -v

 

若是npm或者node可能并不是最新版本或者没有安装,能够到nodejs官网下载最新版本.

 

下载好后双击下载的pkg包默认安装便可。

2.安装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

 

**ps:等待时间可能会长,请耐心等候**

输出以上内容便可安装成功。

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

ionic info

 

上图中所显示的Not installed表明未安装,安装方式即为红色给出的内容,照着内容安装便可以.

**ps:不安装的状况下就是不能在此环境下编译等,可是对于浏览器运行无影响.**

`ios-sim`表明模拟器运行环境,

`ios-deploy`表明真机运行环境。

 

 

**ps:博主只安装了模拟器环境**

3. 项目

3.1 项目生成

终端运行

//进入桌面

cd ./Desktop

//生成demo_1文件项目

ionic start demo_1

 

若是建立`iOS`应用,`终端`运行:

cd demo_1

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

ionic build ios

ionic emulate ios  //模拟器运行

文／Springer（简书做者） 原文连接：http://www.jianshu.com/p/7a7abfa9f435 著做权归做者全部，转载请联系做者得到受权，并标注“简书做者”。