zoukankan      html  css  js  c++  java
  • mac下安装ionic

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

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

    环境搭建步骤如下:

    • 安装node.js,主要是使用npm(node package manager)。注意使用4.4版本,千万不要使用5以上的版本
    • 安装Cordova和ionic命令行工具:
    • 1 $ npm install -g Cordova
      2 $ 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
    
  • 相关阅读:
    HBASE & DB : ACID 事务 与 相关实现
    LeetCode Largest Number
    LeetCode Power of Two
    LeetCode Dungeon Game
    LeetCode The Skyline Problem
    LeetCode Kth Smallest Element in a BST
    LeetCode Flatten Binary Tree to Linked List
    JAVA 并发:CLH 锁 与 AbstractQueuedSynchronizer
    为什么引入TSS
    特权级概述(哥子就想知道CPU是如何验证特权级的)GATE+TSS
  • 原文地址:https://www.cnblogs.com/allanli/p/5277266.html
Copyright © 2011-2022 走看看