myAPP项目是在Ubuntu14.04下创建
 
本项目开发node 4.5/cordova 6/ionic 2
 
第一步 安装nodejs

  npm install -g n

  n v4.5.0 使用n来配置nodejs版本

  ubuntu本身已安装好 nodejs npm,通过node -v即可查看当前版本
 
第二步 安装cordova/ionic
  cordova是将代码打包成app的工具,ionic在cordova基础上封装了一些命令,可直接调用cordova,不用再通过cordova命令打包
  cordova文章:http://cordova.apache.org/docs/en/latest/guide/cli/index.html
  安装
    sudo npm install -g cordova
    sudo npm install -g ionic
 
第三步 安装java jdk
  如何安装java jdk 网上有,安装好后java -version 即可查看java版本
 
第四步 安装android sdk
  (第四步和第五步可以替换成安装android studio,这样就不用进行这些配置,安装过程中都配置好了,但我没用,android studio安装后没派上多大用场,以后可能会用到)
  android sdk下载地址:http://www.androiddevtools.cn/    http://www.android-studio.org/index.php/download。我下载到了Downloads下面、
  解压安装包
    cd ~/Downloads
    sudo tar zxvf android*
   控制台添加环境变量(网上有很多设置环境变量的方法,测试之后以下方法好使。$Home之后的是你安装包的路径)
    echo 'export ANDROID_HOME="'$HOME'/Downloads/android-sdk-linux"' >> ~/.bashrc
    echo 'export PATH="$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools"' >> ~/.bashrc
 
注:配置完java和Android sdk的bashrc文件是这样的
export JAVA_HOME=/usr/lib/jvm/java
export JRE_HOME=${JAVA_HOME}/jre
export CLASSPATH=.:${JAVA_HOME}/lib:${JRE_HOME}/lib
export PATH=${JAVA_HOME}/bin:$PATH
export ANDROID_HOME="/home/zn/work/android-sdk-linux"
export PATH="$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools"
 
第五步 添加SDK
  关闭终端,重新打开,输入android,启动sdk manager,android是在tools文件夹下,如果出现权限不够则进入安装包的tools文件夹下: chmod +x android
  android sdk manager启动后,安装必要的SDK
  
 
第六步 创建Android模拟器(运行onic emulate等命令需要一个android模拟器)
  终端输入android avd,弹出模拟器管理窗口,如果没有模拟器就创建一个,我创建的模拟器参数如下,这个大家可以自己设置,模拟器尽量配置的性能好一些
  

  如果在创建Android模拟器时发现提示“No system images installed for this target”问题,无法创建模拟器,如下图:

    

  这是因为没有适合的系统镜像,即SDK中对应的Android版本没有下载系统镜像,这时我们只需输入android打开android sdk manage,安装对应sdk platform的系统镜像即可

    

以上就是开发ionic基础环境的配置,是不是很简单。
如果环境OK了,你就可以开发你的第一个app了:http://www.cnblogs.com/znsongshu/p/5678914.html  
 
 

从零到一创建ionic移动app:基础开发环境搭建的更多相关文章

  1. 精品教程--IOS零基础开发环境搭建

    下载源码 技术要点: 1. 启动XCODE开始开发 2. IOS项目文件结构分析 3. 添加视图label组件 4. 程序的入口以及启动流程 5. 源码详细的中文注释 ...... 详细介绍: 1. ...

  2. 从零到一创建ionic移动app:创建第一个app

    新建一个空项目,让它能够在你的虚拟机/手机上跑起来 第一步 新建工程   ionic start myApp blank 一个简单的Web应用我们已经创建完成了,接下来我们就要做一些部署到移动端之前的 ...

  3. 从零到一创建ionic移动app:应用anjularjs编写ionic项目

    推荐两篇文章,带你入门 ionic中文项目(作为了解ionic基础结构用):http://blog.csdn.net/i348018533/article/details/47258449/ ioni ...

  4. Cordova+ionic 开发hybird App --- 开发环境搭建

    Cordova 开发hybird App 开发环境搭建 一.一些基础概念: Ant : 简单说来可以这么理解,如果你用记事本写JAVA程序,然后在cmd里输入javac命令编译它,但是有一天你发现每次 ...

  5. Ionic2开发环境搭建、项目创建调试与Android应用的打包、优化

    Ionic2开发环境搭建.项目创建调试与Android应用的打包.优化. windows下ionic2开发环境配置步骤如下: 下载node.js环境,稳定版本:v6.9.5 下载android stu ...

  6. Ionic Android开发环境搭建 下

    上篇 Ionic 安装完成了,由于要开发Android,所以必不可少需要继续搭建Android开发环境. 首先,下载并安装JDK.然后配置一下环境变量. 接着,下载并安装Android SDK.下载过 ...

  7. 【JAVA零基础入门系列】Day1 开发环境搭建

    [JAVA零基础入门系列](已完结)导航目录 Day1 开发环境搭建 Day2 Java集成开发环境IDEA Day3 Java基本数据类型 Day4 变量与常量 Day5 Java中的运算符 Day ...

  8. Django之Django简介,开发环境搭建,项目应用创建

    软件及Django框架简介 软件框架 一个软件框架是由其中各个软件模块组成的: 每一个模块都有特定的功能: 模块与模块之间通过相互配合来完成软件的开发. 软件框架是针对某一类软件设计问题而产生的. M ...

  9. 【强烈推荐,超详细,实操零失误】node.js安装 + npm安装教程 + Vue开发环境搭建

    node.js安装 + npm安装教程 + Vue开发环境搭建 [强烈推荐,超详细,实操零失误] 原博客园地址:https://www.cnblogs.com/goldlong/p/8027997.h ...

随机推荐

  1. Sublime Text 加入右键菜单

    Sublime Text 2 是现在很受大家欢迎的编辑器了,不仅是在web前端,在书定简单的php.Js等代码时,也是相当的好用,再配合多种的插件和新颖的界面,更是让人欲罢不能. 在使用时,我们通过喜 ...

  2. WebSocket入门教程(五)-- WebSocket实例:简单多人聊天室

    from:https://blog.csdn.net/u010136741/article/details/51612594 [总目录]   WebSocket入门教程--大纲   [实例简介]   ...

  3. [LintCode] 二叉树的前序遍历

    The recursive solution is trivial and I omit it here. Iterative Solution using Stack (O(n) time and ...

  4. Angular入门(三) 引入boostrap4

    1.cnpm install ngx-bootstrap bootstrap --save ※可能缺少jquery  cnpm i jquery 2.  打开 angular-cli.json (项目 ...

  5. 160715、在web.xml中注册IntrospectorCleanupListener解决Quartz等框架可能产生的内存泄露问题

    增加方式如下:web.xml中加入  <listener>    <listener-class>org.springframework.web.util.Introspect ...

  6. Less-mixin判断(守卫)二

    mixin卫士--判断 或与且语法 且:()and() 或:(),() --且 examlpe: .test(@a) when (isNumber(@a)) and (@a>=5){ font- ...

  7. angular.js记录

    http://www.runoob.com/angularjs/angularjs-tutorial.html 第一部分:快速上手1.1 angularJS四大核心特性1.2 自己动手搭建开发,调试, ...

  8. MQ中间件对比

  9. IO 流中编码和解码问题

    编码表 ASCII : American Standard Code for Information Interchange 使用一个字节的 7 位可以表示 ISO8859-1 : 拉丁码表. 欧洲码 ...

  10. caffe web demo运行+源码分析

    caffe web demo学习 1.运行 安装好caffe后,进入/opt/caffe/examples/web_demo/的caffe web demo项目目录,查看一下app.py文件,这是一个 ...