安装jdk

在命令下输入java如果没有安装会提示该命令包含于openjdk软件包
sudo apt-get install openjdk然后按下tab会列出openjdk开头的软件包
我这里就选择最新的版本
sudo apt-get install openjdk-8-jdk
网速快的话1分钟就差不多了
....................
安装完成 试一下(一般是不需要配置环境变量的,安装过程中就已经配置好了) java -version
如果显示版本信息就ok了

androidSDK + ADT + eclipse

推荐下载集成包 百度搜索 adt-bundle-linux(这个集成包里面包括了eclipse和ADT)
打开eclipse后根据提示选择工作空间 进去后配置一下androidSDK路径

我这个地方遇到点问题  就是我的sdk比较新 但是集成包的adt比较旧  好在具体错误他会提示你  你把错误信息复制一下百度会有很多解决方法

我这里就是改了一下sdk里面的一个文件  把版本要求改低点就可以通过了

接着打开 window->Android Sdk Manager  下载安卓编译需要的API   他会列出很多版本  有Android2.2 Android3.0 一直到最新的Android6.0

我这里选的Android5.0  一般选择当下最流行的版本好

注意:可能需要FQ才行,如果无法下载或者很慢  请自行百度解决

安装Node.js + Npm

这个地方不要使用apt-get方式安装  我试了一下 版本太旧无法使用  还是老老实实去nodejs官网下载吧

下载下来的文件是 node-v4.2.2-linux-x64.tar.gz  解压后里面有个bin目录 直接使用无需编译  有点象windows下面的免安装绿色软件一样

我们唯一需要做的就是把解压后的文件夹放到你喜欢的地方 然后把bin目录里面的两个二进制文件做一下软链接到/usr/bin下面  以后就可以直接用了

cp -r node-v4.2.2-linux-x64 /opt/nodejs

sudo ln -s /opt/nodejs/bin/node /usr/bin/node

sudo ln -s /opt/nodejs/bin/npm /usr/bin/npm

在任意目录下 node -v 如果显示当前版本号就说明没问题了

npm -v  会显示版本信息

安装淘宝npm镜像   (因为npm镜像源在国外 速度太慢  有时候还得FQ)

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

安装 Cordova+ionic

sudo cnpm install -g cordova ionic

注意  一般情况下是没有问题的  平时在群里总是有一些人这一步无法完成

可能有这些原因 你的node.js是通过其他方式安装的  有可能安装过程中出了问题

你没有使用淘宝镜像源所以很慢导致超时

总之无论什么错误都会给你错误提示  自己网上搜索一下

如果实在找不到原因可以到一些ionic群里面去让别人传一份打包好的  拿回来自己配一下环境变量就可以使用了

这一步正常安装完毕后你会发现在命令行下输入ionic 或者cordova会提示没有这个命令

这个地方同上面nodejs一样 需要手动把ionic和cordova的可执行二进制文件指向/usr/bin目录方可在任意目录使用

注意:我这里是直接把需要的全局命令放到了/usr/bin这个目录下面  免去了配置环境变量   你也可在环境变量里面添加ionic和cordova的bin目录

两种方式随便怎么用都可以

至此cordova+ionic的开发环境搭建完成  来走一个试试

ionic start myapp sidemenu  (在当前目录创建一个新项目myapp,并使用sidemenu模板)

ionic start myapp blank  (在当前目录创建一个新的空项目myapp)

建议使用一个模板  这样里面很多配置或者是目录都给你组织的好好  你只需要把www目录里面的东西删掉就是个空项目了

注意:又有一些人卡死在这里  基本上是网络原因造成的  你可以到ionic群里面去要一个空项目  拿回来直接用就行了(多复制几份备用额)

cd myapp/   (进入到项目目录)

ionic platform add android    (添加android平台依赖代码,如果做ios当然就要把android换成ios了  wp同理)

ionic  build android  (编译并生成apk文件)

ionic emulate android  (调用模拟器运行当前软件,如果连接了android手机 把调试模式打开  emulate改run即可真机调试)

当然一切都不是那么顺利 从 ionic build android 开始  看看命令行都报了那些错

意思就是环境变量中找不到android这个命令  还是老规矩 我不喜欢操作环境变量   直接做个软连接到一个已经存在于环境变量中的一个目录

sudo  ln -s /opt/android/sdk/tools/android  /usr/bin/android

再次 ionic build android 成功

需要知道的是:第一次创建项目 第一次设置平台  第一次编译 都需要从网上下载很多依赖文件  所以会稍微慢一点   以后就快了

ionic emulate android 又报错了  看看什么问题

表示英语四级都没过的我连蒙带猜看出他的意思没有找到模拟器,好在我以前看了点android教程  知道模拟器要自己设置

打开eclipse  菜单栏window->Android Virtual Device  新建一个就可以了(这个地方就不截图了,图片太多,实在不行就百度 搜一下)

再次 ionic emulate android 成功(这个地方启动模拟器稍慢,建议使用真机调试)

ubuntu15.10下搭建cordova+ionic开发环境的更多相关文章

  1. LINUX下搭建JAVA的开发环境

    LINUX下搭建JAVA的开发环境 (2009-07-13 10:04:13)     下面就将Linux下JAVA开发环境的搭建详细道来: 1.Linux下JDK的安装 至于下载JDK的二进制可执行 ...

  2. Win7下搭建Go语言开发环境

    Win7下搭建Go语言开发环境 1 下载适合window版本的Go安装包,下载地址http://code.google.com/p/go/downloads/list 2 下载适合window本本的L ...

  3. Windows下搭建Spark+Hadoop开发环境

    Windows下搭建Spark+Hadoop开发环境需要一些工具支持. 只需要确保您的电脑已装好Java环境,那么就可以开始了. 一. 准备工作 1. 下载Hadoop2.7.1版本(写Spark和H ...

  4. 如何在Ubuntu下搭建Android NDK开发环境

    1 搭建Android SDK开发环境 参考在在Ubuntu下搭建Android SDK开发环境(图文)首先在Ubuntu下搭建Android SDK开发环境. 2 下载NDK开发包 打开官网: ht ...

  5. Windows下搭建objective C开发环境

    摘自:http://blog.csdn.net/zhanghefu/article/details/18320827 最近打算针对iPhone.iPod touch和iPad开发一些应用,所以,需要开 ...

  6. windows下搭建nginx+php开发环境

    windows下搭建nginx+php开发环境 1.前言 windows下大多我们都是下载使用集成环境,但是本地已经存在一个集成环境,但不适合项目的需求.因此准备再自己搭建一个环境. 2.准备 工具: ...

  7. Windows下搭建Android NDK开发环境及命令行编译

    首先说明本文内的相关安装操作参考<Pro Android C++ with the NDK>一书. 安装 Windows搭建Android NDK开发环境需要安装如下部分(同时需要配置对应 ...

  8. 【RN - 基础】之Windows下搭建React Native开发环境

    前言 React Native由Facebook公司于2015年F8大会上开源,其主张“Learn once, write everywhere”.React Native的核心设计理念是:既拥有Na ...

  9. Win10系统下搭建Go lang开发环境更换国内源并且体验宇宙最快框架Iris

    原文转载自「刘悦的技术博客」https://v3u.cn/a_id_156 最近有同学开始尝试接触Go lang,拥抱新技术永远都会是一个好习惯,之前的一篇文章介绍了如何在Mac os系统下配置Go ...

随机推荐

  1. 第16章 调色板管理器_16.4 一个DIB位图库的实现(1)

    16.4.1自定义的 DIBSTRUCT结构体 字段 含义 PBYTE *ppRow ①指向位图视觉上最上面的一行像素.(不管是自下而上,还是自上而下) ②放在第一个字段,为的是后面定义宏时可方便访问 ...

  2. UIWrapContent(NGUI长列表优化利器)

    NGUI长列表优化利器 优化原理 NGUI3.7.x以上版本 有个新组件 UIWrapContent ,当我们的列表内容很多时,可以进行优化.它不是一次生成全部的child,而是只有固定数量的chil ...

  3. [转]Asp.net mvc 网站之速度优化 -- 页面缓存

    网站速度优化的一般方法 由于网站最重要的用户体验就是速度,特别是对于电子商务网站而言. 一般网站速度优化会涉及到几个方面: 1. 数据库优化 — 查询字段简历索引,使用数据库连接池和持久化,现在还有种 ...

  4. hadoop怎么读?怎么发音

    hadoop不是一个英文单词,是作者发明的词,hadoop名称来源作者小孩的一个}h毛填充黄色大象玩具. 它的发音是:[hædu:p]

  5. Debian 8(Jessie) 安装pptp-linux (PPTP客户端), 以及route命令说明

    命令, 这里定义这个pptp的连接名称为hcoffice #安装 sudo apt-get install pptp-linux #用户名和口令 sudo vim /etc/ppp/chap-secr ...

  6. Entity Framework 迁移命令 详解

    一.Entity Framework 迁移命令(get-help EntityFramework) Enable-Migrations 启用迁移 Add-Migration 为挂起的Model变化添加 ...

  7. Linux虚拟机突然不能上网了

    之前是可以的,然后这次打开突然不能上网了. 更改配置后就好了: 配置如下: 我的问题是打开打开之后变成了OFF不是ON了.然后不管怎么改变O都失败了. 改为: 这样虚拟机这边就好了. 我们看下wind ...

  8. swift 随机生成背景颜色

    swift是一门新语言,相关的文档资料现在基本上还不是很完整.在尝试开发过程中,走了不少弯路.在这里记录一下自己的”路“,希望以后能少走弯路. 生成随机背景颜色使用的语法和C#或者JAVA基本一致. ...

  9. [转]Class 'Think\Log' not found

    转自:http://www.thinkphp.cn/topic/26815.html 解决偶尔出现 Class 'Think\Log' not found 的奇葩问题(并非每次必现,偶尔删除缓存可以解 ...

  10. 前端见微知著JavaScript基础篇:this or that ?

    上节,我们提到了this关键字的问题,并且追加了一句很有意义的话:谁调用我,我指向谁.的确,在javascript中,在默认情况下,this会指向一个已经初始化的window对象.所以你不论有多少全局 ...