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. bjposition

    背景位置:background-origin:content-box;//"border-box", "padding-box", "content- ...

  2. C语言 函数指针三(反向调用)

    动态库代码 //简单的动态库开发----报文发送 #define _CRT_SECURE_NO_WARNINGS #include<stdio.h> #include<stdlib. ...

  3. 《Windows游戏编程大师技巧》学习笔记——关于创建显示表面

    1.如你所知,显示在屏幕上的图像仅仅只是是以某种格式存储在内存中的有色像素组成的矩阵.或是调色板化的或是RGB模式的.在不论什么一种情况下.要想做点什么你都必须知道如何绘制图到内存中,然而Direct ...

  4. Android学习15--使用(Drawable)资源

    1.图片资源 图片资源是最简单的Drawable资源.仅仅要把*.png.*.jpg*..gif等格式的图片放入/res/drawable-XXX文件夹下,Android SDK就会在编译应用自己主动 ...

  5. Asp.net控制Tomcat启动关闭的实现方法

    一.场景 近日有个项目客户要求能自己配置相关权限.由于历史原因这个项目采用的是公司以前的权限系统.这个权限系统很强大,不过有个弊端,就是每增加一个权限菜单都要重启才能生效,不然就要等1天它缓存过期后才 ...

  6. springboot如何直接读取webapp下页面?

    公司改用springboot的时候,将页面相关的文件都放在了src/main/webapp下,我直接通过main方式启动的时候,无法读取到src/mian/webapp下文件,但是通过spring-b ...

  7. git base 简单命令行

    记录几个简单的命令 1:克隆-把线上的文件复制到本地 git clone 线上地址 2:检查状态 git status 3:放入待仓储 git add.文件名 git add * (全部文件,简单粗暴 ...

  8. 【BZOJ4421】[Cerc2015] Digit Division 动态规划

    [BZOJ4421][Cerc2015] Digit Division Description 给出一个数字串,现将其分成一个或多个子串,要求分出来的每个子串能Mod M等于0. 将方案数(mod 1 ...

  9. mysql返回字符串在另外一个字符串中第n次出现的方法。

    SELECT SUBSTRING_INDEX("迟到50分钟,早退15分钟","分钟",2); 返回:迟到50分钟,早退15

  10. ES6入门概览一

    一.let const 1.let命令:声明变量仅在块级作用域有效:let实际上为js新增了块级作用域 好处: -不存在变量提升: -内部声明的变量 函数 不会影响外部 -不可重复声明变量 2.con ...