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. Tuning 13 Using oracle blocks Efficiently

    推进使用自动管理 automatic segment 1 个 Blocks = 2的幂次方倍 tablespace 像一块地 segment 像一个房子 extents 向一个装砖头的框 blocks ...

  2. Hibernate中:不看数据库,不看XML文件,不看查询语句,怎么样能知道表结构?

    Hibernate中:不看数据库,不看XML文件,不看查询语句,怎么样能知道表结构? 解答:可以看与XML文件对应的域模型.

  3. CodeSmith自动生成代码使用

    官网地址:http://www.codesmithtools.com/ CodeSmith开发系列资料总结 http://terrylee.cnblogs.com/archive/2005/12/28 ...

  4. 嵌入式驱动开发之解码器tvp5150---tvp5150am1基于8148vpss的添加调试

    (1)i2c (2)注册设备 (3)寄存器 --------------author:pkf ------------------------time:2015-4-5 --------------- ...

  5. 【BZOJ】3299: [USACO2011 Open]Corn Maze玉米迷宫(bfs)

    http://www.lydsy.com/JudgeOnline/problem.php?id=3299 映射一下传送门即可.. #include <cstdio> #include &l ...

  6. Codeforces 193A. Cutting Figure

    看起来非常神,但仅仅有三种情况 -1 , 1 ,2..... A. Cutting Figure time limit per test 2 seconds memory limit per test ...

  7. 标签球-Js插件

    今天上学校的图书馆,看到了一个好玩的东西,特意百度了下,发现叫做“标签球”,效果图为: 直接代码如下: #div1 {position:relative; width:350px; height:35 ...

  8. 百度订单Api注意事项

    背景介绍: 申请的百度地图API,采用javascript sdk方式 页面引用 问题1:更换域名导致定位插件不能用 需要修改百度地图-应用中的白名单设置,按照规则添加新的域名 问题2:http与ht ...

  9. 学习使用turtlebot2——调试Hokuyo激光雷达(型号UST-10LX)

    目标 在ROS上调试使用Hokuyo激光雷达传感器 配置情况     电脑使用Ubuntu 14.04版本,ROS为 Indigo,激光雷达为Hokuyo(型号UST-10LX,网口型接口)   如果 ...

  10. libprotobuf 编译错误处理

    1. 编译完链接的时候报错undefined reference to well_known_types_js' 出现这个错误的原因是升级gcc导致的,是程序依赖的include文件和实际链接的文件不 ...