linux cordova环境配置,linux 下配置 nodejs+ionic+cordova

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/

8f46ebe4d51ad223abbc151c0f9db878.png

解压缩后文件夹内有个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 //同上

测试下:(任意目录下打开终端输入下面内容)

10c6f9a0cde30359ca3ec0cd8113b475.png

出现版本号就是成功了.

二. 使用npm 安装cordova 和 ionic

使用命令:

ca7df03bda64547a0413c0f05c20d116.png

也可以cordova 和 ionic 一起装

ionic 方法同上.

安装完成后

任意目录下输入cordova 发现并不能用

需要使用 ln -s 命令软连接到 /usr/bin/ 下才能使用方法跟上面一样. (注意 路径一定要写绝对路径)

安装好的cordova目录在 这里

aab7df0898803e9ccd1358e84cbc6386.png

软连接执行后.

测试下:

3d272a6caebb1e6e05d0fb75b8d488f7.png

出现版本号就行了

同样使用命令:

sudo install -g ionic

使用 ln -s 软连接

方法同上.

测试下:

76684322c0bd6a171672d5fed6d36d63.png

到这里环境就算搭好了.

下面就要创建一个项目试下了

4d1feaf475c8d7d6b36d4556c341e880.png

第一次安装会安装很多依赖包.会比较慢

还有这样的报错:

6988372d14ae4f82abbc17bc0b3f9253.png

是因为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 ...

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值