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. Spark源码分析(四)-Job提交过程

    原创文章,转载请注明: 转载自http://www.cnblogs.com/tovin/p/3903478.html   本文将以一个简单的WordCount为例来看看Job的提交过程

  2. 视觉slam闭环检测之-DBoW2 -视觉词袋构建

    需要准备的知识点:http://www.cnblogs.com/zjiaxing/p/5616653.html      http://www.cnblogs.com/zjiaxing/p/56166 ...

  3. 鱼眼镜头的distortion校正【matlab】

    %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% 作者:WWC %%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%% ...

  4. boost诊断工具BOOST_ASSERT、BOOST_VERIFY、BOOST_STATIC_ASSERT

    boost.assert提供的主要工具是BOOST_ASSERT宏,类似于C语言的assert,提供运行时的断言,但功能有所增强; 默认情况下,BOOST_ASSERT宏等同于assert宏: # d ...

  5. [HAOI2008]排名系统& [Zjoi2006]GameZ游戏排名系统

    1056: [HAOI2008]排名系统 Time Limit: 10 Sec  Memory Limit: 162 MBSubmit: 2487  Solved: 711[Submit][Statu ...

  6. iOS tableview滑动到底部自动加载,向上拽加载

    - (void)scrollViewDidScroll:(UIScrollView *)aScrollView { CGPoint offset = aScrollView.contentOffset ...

  7. textarea 换行

    这个是可以多行展示的Texat也就是DW设计模式下的多行 /*华丽的分割线==================================*/ 当你点击单行时你发现此时的标签换成了value=&q ...

  8. TCL V7300A-3D升级教程

    鄙人的电视型号: 机器软件版本:V8-0MT-3201-LF1V028_000 3201是机芯 v028是版本号 设备型号:cn_mt32-v7300a-3d TCL电视升级有三个:本地.网络.自动 ...

  9. Go & SQLite on Windows

    一般golang使用的sqlite驱动包都是github.com/mattn/go-sqlite3,但是官方并没有直接支持windows平台的编译,因为windows平台编译默认需要gcc支持 其实解 ...

  10. 基于GTID的主从架构异常处理流程

    通常情况下我们主库的binlog只保留7天,如果从库故障超过7天以上的数据没有同步的话,那么主从架构就会异常,需要重新搭建主从架构. 本文就简单说明下如何通过mysqldump主库的数据恢复从库的主从 ...