我的mac系统是EI Capitan,如下图所示。

ionic是一个跨平台的框架,能够提供高效hybrid app的开发,而且性能接近于原生态,具体请参考:http://ionicframework.com

环境搭建步骤如下:

  • 安装node.js,主要是使用npm(node package manager)。注意使用4.4版本,千万不要使用5以上的版本
  • 安装Cordova和ionic命令行工具:
  •  $ npm install -g Cordova
    $ npm install -g ionic 如果发生permission denied错误,请使用:$ sudo npm install -g ionic,这是使用super user的权限来执行命令。具体可以参考:https://www.npmjs.com/package/ionic。
    如果发生python版本不匹配的问题,使用如下命令:
    & npm config set python python2.7
  • 增加ios平台、android平台
  • $ sudo cordova platform add ios
    $ sudo cordova platform add android
  • 查看已经安装的平台
  • $ sudo cordova platform ls 
  • 安装plugin
  • first way:
    $ sudo cordova plugin add cordova-plugin-dialogs second way:
    git clone project to FILE_PATH
    $ sudo cordova plugin add FILE_PATH
  • 查看已经安装的plugin
  • $ sudo cordova plugin ls 
  • 查看build的前置条件
  • $ sudo cordova requirements
    
    安装ios-deploy
    $ sudo npm install -g ios-deploy --unsafe-perm=true
  • 查看ionic的帮助
  • $ ionic -h

好了,环境可以使用了。使用模版创建一个实例:

$ ionic start firstapp
$ ionic build firstapp
$ ionic emulate firstapp
$ ionic run firstapp

推荐的开发环境ionic lab

问题:

  • 升级Java之后,出现ionic, cordova, npm command not found错误,需要按照本文步骤重新安装。
  • spawn eacces error: 运行命令: ionic hooks add。
  • folder访问权限扩展:sudo chmod -R a+rwx appfolder
  • 如果出现“Failed to load resource: the server responded with a status of 404 (Not Found)”错误,则运行下面的命令可以消除错误。
ionic plugin add cordova-plugin-whitelist
  • run command "ionic info", shows error "Cordova CLI: Not installed", run the following command to resolve the issue:
sudo npm install -g cordova@4

mac下安装ionic的更多相关文章

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

    为了开发HTML5,除了最新使用React Native等之外,目前首选的为稳定的ionic+Angularjs来开发iOS和android. Ionic(ionicframework一款接近原生的H ...

  2. Mac 下安装Jenkins

    Mac 下安装Jenkins 开始 Jenkins是一个基于Java开发的一种持续集成工具,用于建工持续重复的工作,功能包括: 持续的软件版本发布/测试项目 监控外部调用执行的工作. 近期打算搭建自动 ...

  3. MAC下安装与配置MySQL

    MAC下安装与配置MySQL   MAC下安装与配置MySQL 一 下载MySQL 访问MySQL的官网http://www.mysql.com/downloads/ 然后在页面中会看到“MySQL ...

  4. Mac下安装UPnP Inspector

    由于工作中需要用到UPnP Inspector这个工具,而这个工具在windows下安装非常简单,在Mac下安装却很麻烦,在此记录安装流程. 这个工具依赖于两个其他的库:Coherence(一个DLN ...

  5. Mac下安装Wireshark,双击闪退

     Mac OS X上使用Wireshark抓包(http://blog.csdn.net/phunxm/article/details/38590561) Mac下安装Wireshark /Appli ...

  6. Mac下安装zshell

    Mac 下安装zshell 什么是shell 大多数命令行用户接触最多的是Bash,因为Bash是各个版本操作系统(Linux&Mac)的默认shell. 查看当前使用的shell $ ech ...

  7. 【高可用HA】Apache (1) —— Mac下安装Apache Httpd到自定义路径(非/etc/apache2)

    Mac下安装Apache Httpd httpd版本: httpd-2.4.17 参考来源: Tomcat Clustering - A Step By Step Guide Apache HTTP ...

  8. 《OD大数据实战》mac下安装nginx+php

    一.mac安装nginx + php + php-fpm  或apache + php 1. Mac 下 Nginx.MySQL.PHP-FPM 的安装配置 2. Mac下安装LNMP(Nginx+P ...

  9. Mac下安装HBase及详解

    Mac下安装HBase及详解 1. 千篇一律的HBase简介 HBase是Hadoop的数据库, 而Hive数据库的管理工具, HBase具有分布式, 可扩展及面向列存储的特点(基于谷歌BigTabl ...

随机推荐

  1. wp7启动+幻灯片效果

    using System; using System.Collections.Generic; using System.Linq; using System.Net; using System.Wi ...

  2. 停止Nginx服务

    查询nginx进程信息 chen@ubuntu:~$ ps -ef |grep nginx root : ? :: nginx: master process /usr/sbin/nginx -g d ...

  3. SpringMVC+Hibernate 项目开发之一(Maven环境搭建)

    Maven环境搭建网上一大堆文章,直接引用leiOOlei同学的了:http://www.cnblogs.com/leiOOlei/p/3359561.html Maven版本:apache-mave ...

  4. WM_QUERYENDSESSION与WM_ENDSESSION

    此文已由作者王荣涛授权网易云社区发布. 欢迎访问网易云社区,了解更多网易技术产品运营经验. 首先XP系统和Vista以后的系统,这两个消息的处理方式是不同的. XP系统 系统发送WM_QUERYEND ...

  5. 树莓派_实现摄像头的拍照、监控与录像(Raspiberry PI Camera 5W)

    学无止境    前言:大家好,欢迎来到誉雪飞舞的博客园,我的每篇文章都是自己用心编写, 算不上精心但是足够用心分享我的自学知识,希望大家能够指正我,互相学习成长. 转载请注明:https://www. ...

  6. 析构函数的调用------新标准c++程序设计

    示例1: #include<iostream> using namespace std; class CDemo{ public: ~CDemo(){cout<<"d ...

  7. C# 抽象(3)

    接上章: 抽象类中有抽象方法,那么可不可以有非抽象方法呢? 答案是可以的. abstract class Human { public abstract void Think(); public ab ...

  8. nginx理解与配置

    准备: http服务器:①tomcat②apache③nginx(c语言开发) 文件系统:①mgfs ②mgbd:存储小文件 ③fastDFS:存储大文件.小文件,分布式文件系统 nginx是一种ht ...

  9. linux上使用tomcat及查看日志

    启动 startup.sh #执行bin/startup.sh #启动tomcatbin/shutdown.sh #停止tomcattail -f logs/catalina.out #看tomcat ...

  10. Spring IOC容器交给application域对象管理

    在项目开发中,我们不能在每次使用IOC容器时,都创建一个ApplicationContext对象, 因此我们将IOC容器交给application域对象管理,application对象在服务器启动时创 ...