ionic是目前比较火的hybird框架学的人挺多所以资料会相对全一些.
cordova是一个连接ionic和原生android 底层api的工具.(这样说好理解一些,不过可能不够准确.)
用他们的好处
跨平台可以在ios android 平台上使用
(其他具体内容请百度/google/)
下面就开始吧
别问我为什么不是在windows下配置的,我头疼!(在windows下配置各种全局变量搞不定,还是linux下好用)
(我用的是deepin linux跟ubuntu关系密切所以使用的命令也跟ununtu一样)
如果你的jdk环境是搭好的,要做的就是下面的工作
1.首先需要安装nodejs 并配置全局变量
2.安装cordova 并配置全局变量
3.安装 ionic 配置全局变量,并且配置android环境变量
一. linux 下安装nodejs 比较简单从官网下载linux版本压缩包
官网:https://nodejs.org/en/
解压缩后文件夹内有个bin文件
用ln -s 命令将bin文件下的文件软连接到 /usr/bin/ 下面
cp -r node-v4.2.2-linux-x64 /opt/nodejs //先将文件夹拷贝一份到/opt/目录下
sudo ln -s /opt/nodejs/bin/node /usr/bin/node //软连接bin下的node 文件到 /usr/bin/ 下
sudo ln -s /opt/nodejs/bin/npm /usr/bin/npm //同上
测试下:(任意目录下打开终端输入下面内容)
出现版本号就是成功了.
二. 使用npm 安装cordova 和 ionic
使用命令:
也可以cordova 和 ionic 一起装
ionic 方法同上.
安装完成后
任意目录下输入cordova 发现并不能用
需要使用 ln -s 命令软连接到 /usr/bin/ 下才能使用方法跟上面一样. (注意 路径一定要写绝对路径)
安装好的cordova目录在 这里
软连接执行后.
测试下:
出现版本号就行了
同样使用命令:
sudo install -g ionic
使用 ln -s 软连接
方法同上.
测试下:
到这里环境就算搭好了.
下面就要创建一个项目试下了
第一次安装会安装很多依赖包.会比较慢
还有这样的报错:
是因为android环境没配好.
解决办法有两种:
1.配置环境变量,可以百度
2.通过软连接 ln -s 方法把/sdk/tools/android 连接到 /usr/bin/ 下
这样就算完成了.
(上面是默认你已经安装好了android 开发环境 我用的是android studio .如果使用eclipse 请再配置一下ant)
linux下的nodejs安装
linux下安装nodejs的方式: 1.源码安装 2.nvm安装 这里推荐使用nvm安装,避免下载nodejs源码: 安装步骤: 一.安装git 一般linux系统的git版本 ...
在windows和Linux下安装nodejs
在windows下安装nodejs 1.首先下载nodejs安装包, https://nodejs.org/en/download/ 点击下载相应的版本 然后将文件夹解压到安装目录(任意,不做规定) ...
Linux下配置一个VNC服务器
在Linux下配置一个VNC服务器,并设置2个用户,要求其中一个用户登录时不需要输入密码. 然后在客户端使用ssh+vncview的方式访问. 1确认vnc安装 2配置vncserver 3测试vnc ...
linux下配置mysql默认编码utf8
linux下配置mysql默认编码utf8 下面是需要在对应地方加入的配置 [client] default-character-set=utf8 [mysqld] character-set-ser ...
Linux下配置Lamp
linux下配置lamp步骤: 一.快速安装Apache+PHP5+MySql 先更新: # yum update 然后安装LAMP环境:(163的yum源上只有php5.1.6 mysql 5.0. ...
Linux下配置PHP开发环境
转载于: http://www.uxtribe.com/php/405.html 该站下有系列PHP文章. 在Linux下搭建PHP环境比Windows下要复杂得多.除了安装Apache,PHP等软件 ...
一步一步教你如何在linux下配置apache+tomcat(转)
一步一步教你如何在linux下配置apache+tomcat 一.安装前准备. 1. 所有组件都安装到/usr/local/e789目录下 2. 解压缩命令:tar —vxzf 文件名(. ...
Linux下配置Tomcat服务器
Linux下配置Tomcat服务器和Windows下其实差不多,可以去官网下载安装包释放或者在线下载,只是当时下载的windows.zip文件,现在下载.tar.gz格式的即可,下面使用命令行的方式安 ...
Linux下配置JDK
下面以CentOS为例,详细说一下Linux下配置JDK的过程 首先按照约定俗成的习惯,将jdk放在/usr/local/java下,首先进入/usr/local然后新建一个目录java 然后我们需要 ...
随机推荐
Coffeescript实现canvas时钟
前言 参照Mozilla 官方教程,要在Canvas上画动画时钟,思路非常有意思. 把动画看作是多个帧组成,定时每个时间点在Canvas上画一帧来实现动画.而Mozilla 官方教程画图实现的思路有意 ...
在java中高效的计数器
在编程中,经常会用到HashMap作为计数器,本文简单介绍三种实现方式 第一种,最直观的计数器. public void naiveCounter(String sArr[]) { HashMap&l ...
js 作用域,变量提升
先看下面一段代码: 代码执行的结果是: 1st alert : a = 0 2nd alert : a = undefined 5th alert : a = 0 3rd alert : a = 3 ...
VS在Release模式下,难道还可以Debug?
就是这段代码: int main(int argc, char *argv[]) { QApplication a(argc, argv); cxcxsdee w; w.show(); QString ...
左右linuxserver自己主动重启过程监控和简单的解决方案
转载请注明出处:帘卷西风的专栏(http://blog.csdn.net/ljxfblog) 本周開始,新手游进行删档封測阶段,前两天表现还好,今天更新后出现几次宕机行为.比較影响玩家的測试和体验,我 ...
node源码详解(二 )—— 运行机制 、整体流程
本作品采用知识共享署名 4.0 国际许可协议进行许可.转载保留声明头部与原文链接https://luzeshu.com/blog/nodesource2 本博客同步在https://cnodejs.o ...
AngularJS--购物车全选/取消全选功能实现
刚学习angularJS,于是练习写了一个类似于购物车的全选/取消全选的功能,主要实现的功能有: 1.勾选全选checkbox,列表数据全部被勾选,取消同理,用ng-model实现双向绑定: 2.选中 ...
MassTransit 实现发布/订阅
MassTransit 介绍 先看下masstransit 官网介绍:MassTransit 是一个自由.开源.轻量级的消息总线, 用于使用. NET 框架创建分布式应用程序.MassTransit ...
Technical poem
Apartment Good apartment be booked the second it bring to market. low product sold to many man, and ...
String 常用函数
判断字符串是否包含指定字符str.contains("string"); 查找指定字符索引str.indexOf("s"'); 查找最后出现的字符索引str.i ...