ubuntu15.10下搭建cordova+ionic开发环境
安装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 成功(这个地方启动模拟器稍慢,建议使用真机调试)

UOR.jpg)
ubuntu15.10下搭建cordova+ionic开发环境的更多相关文章
- LINUX下搭建JAVA的开发环境
LINUX下搭建JAVA的开发环境 (2009-07-13 10:04:13) 下面就将Linux下JAVA开发环境的搭建详细道来: 1.Linux下JDK的安装 至于下载JDK的二进制可执行 ...
- Win7下搭建Go语言开发环境
Win7下搭建Go语言开发环境 1 下载适合window版本的Go安装包,下载地址http://code.google.com/p/go/downloads/list 2 下载适合window本本的L ...
- Windows下搭建Spark+Hadoop开发环境
Windows下搭建Spark+Hadoop开发环境需要一些工具支持. 只需要确保您的电脑已装好Java环境,那么就可以开始了. 一. 准备工作 1. 下载Hadoop2.7.1版本(写Spark和H ...
- 如何在Ubuntu下搭建Android NDK开发环境
1 搭建Android SDK开发环境 参考在在Ubuntu下搭建Android SDK开发环境(图文)首先在Ubuntu下搭建Android SDK开发环境. 2 下载NDK开发包 打开官网: ht ...
- Windows下搭建objective C开发环境
摘自:http://blog.csdn.net/zhanghefu/article/details/18320827 最近打算针对iPhone.iPod touch和iPad开发一些应用,所以,需要开 ...
- windows下搭建nginx+php开发环境
windows下搭建nginx+php开发环境 1.前言 windows下大多我们都是下载使用集成环境,但是本地已经存在一个集成环境,但不适合项目的需求.因此准备再自己搭建一个环境. 2.准备 工具: ...
- Windows下搭建Android NDK开发环境及命令行编译
首先说明本文内的相关安装操作参考<Pro Android C++ with the NDK>一书. 安装 Windows搭建Android NDK开发环境需要安装如下部分(同时需要配置对应 ...
- 【RN - 基础】之Windows下搭建React Native开发环境
前言 React Native由Facebook公司于2015年F8大会上开源,其主张“Learn once, write everywhere”.React Native的核心设计理念是:既拥有Na ...
- Win10系统下搭建Go lang开发环境更换国内源并且体验宇宙最快框架Iris
原文转载自「刘悦的技术博客」https://v3u.cn/a_id_156 最近有同学开始尝试接触Go lang,拥抱新技术永远都会是一个好习惯,之前的一篇文章介绍了如何在Mac os系统下配置Go ...
随机推荐
- 第64课 C++中的异常处理(上)
1. C++内置的异常处理:try-catch (1)try语句处理正常代码逻辑 (2)catch语句处理异常情况 (3)try语句中的异常由对应的catch语句处理,如果对应的catch中没有处理该 ...
- string、math类、random随机数、datetime、异常保护
今天讲的知识点比较多,比较杂,以至于现在脑子里还有点乱,慢慢来吧... string (1)string.length; (获得你string字符串的长度) (2)a = a.Trim(); 重新赋值 ...
- JavaScript Number 对象
JavaScript Number 对象 Number 对象 Number 对象是原始数值的包装对象. Number 创建方式 new Number(). 语法 var num = new Numbe ...
- O(1) 查询gcd
我们来安利一个黑科技.(其实是Claris安利来的 比如我现在有一坨询问,每次询问两个不超过n的数的gcd. n大概1kw,询问大概300w(怎么输入就不是我的事了,大不了交互库 http://mim ...
- 安装ESXi5.5遇到Relocating modules and starting up the kernel的处理
在一些Dell较旧的服务器上安装ESXi 5.x时, 会遇到卡在Relocating modules and starting up the kernel过不去的问题. 比如我装的这台CS24VSS. ...
- CodeSmith 使用说明
〇. 前言 最近两天自己写了个简单的ORM框架,非常的Easy,但是没有相应的代码生成工具,于是就很杯具了! 于是乎,花费了一天的时间学习并写了一个CodeSmith可以使用的模 ...
- Java集合系列:-----------02Collection架构
出处:http://www.cnblogs.com/skywang12345/p/3308513.html 我们知道Collection是和Map架构平级的,我们看一下这个架构是怎样的. 他主要的两个 ...
- 解决jquery.validate.js的验证bug
版本提示:jq为1.4.4, jquery.validate 为jQuery validation plug-in 1.7 问题: a.选填选项,如邮箱设置格式验证,那么情况输入框,验证label变成 ...
- AngularJS中的按需加载ocLazyLoad
欢迎大家讨论与指导 : ) 初学者,有不足的地方希望各位指出 一.前言 ocLoayLoad是AngularJS的模块按需加载器.一般在小型项目里,首次加载页面就下载好所有的资源没有什么大问题.但是当 ...
- 带OUTPUT参数的CLR存储过程
前面写了一篇<带参数的CLR存储过程>http://www.cnblogs.com/insus/p/4373605.html ,如果我们需要创建一个带OUTPUT返回值. 实现它,可以先了 ...