Ubuntu 15.10安装ionic环境

最新推荐文章于 2021-05-12 10:14:09 发布

原创最新推荐文章于 2021-05-12 10:14:09 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#ionic ubuntu 环境搭建

1.安装java sdk：sudo apt-get install oracle-java7-installer #7较稳定

在Ubuntu和Linux Mint上安装Oracle JDK

　　使用下面的命令安装，只需一些时间，它就会下载许多的文件，所及你要确保你的网络环境良好：

　　 sudo add-apt-repository ppa:webupd8team/java

　　sudo apt-get update

　　sudo apt-get install oracle-java8-installer

　　sudo apt-get install oracle-java8-set-default

　　如果你想安装Java 7（i.e Java 1.7），在上面的命令中用java7代替java8。

配置java环境变量：（1）sudo update-alternatives --config java #查看java路径

（2） sudo vim /etc/profile 并添加以下两句到文件末尾，添加完成后sudo source /ect/profile

export JAVA_HOME=/usr/lib/jvm/java-7-oracle
export PATH=$JAVA_HOME/bin:$PATH:$ANT_HOME/bin

（3）java -version查看，若出现版本信息则安装成功。

2.安装node.js 源码方式安装

源码下载：链接: http://pan.baidu.com/s/1i3MwYY5 密码: y9eq

解压之后进入目录，执行：

$ ./configure
$ make && make install

$sudo ln -s /usr/local/bin/node /usr/bin/node

完成之后node -v 若版本出现0.12.4,则成功

3.查看npm -v。我的是3.7.5，可用。其他比这版本高就行应该。后来我通过源码方式安装了npm3.8.2.

npm3.8.2.源码下载：链接: http://pan.baidu.com/s/1jHqNwF0 密码: 97i8

4.安装npm淘宝镜像：安装淘宝npm镜像（因为npm镜像源在国外速度太慢有时候还得FQ）
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后 cnpm -v 查看cnpm版本

5.安装 Cordova+ionic：
sudo cnpm install -g cordova ionic

安装之后分别查看一下版本就好啦。cordova -v; ionic -v;

6.如果第5步出现错误，报错如下：

/usr/local/lib/node_modules/cnpm/node_modules/npminstall/bin/install.js:17
const debug = require('debug')('npminstall:bin:install');
^^^^^
SyntaxError: Use of const in strict mode.
    at exports.runInThisContext (vm.js:73:16)
    at Module._compile (module.js:443:25)
    at Object.Module._extensions..js (module.js:478:10)
    at Module.load (module.js:355:32)
    at Function.Module._load (module.js:310:12)
    at Function.Module.runMain (module.js:501:10)
    at startup (node.js:129:16)

这里我并没有找到解决错误的方法。但是尝试了另外一个办法来安装。直接修改npm的源为淘宝源。

npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist

然后执行安装：sudo npm install -g cordova ionic

这里需要等待几分钟到十几分钟。结束后会出现软件目录架构。

输入cordova -v，显示为6.0.0,输入ionic -v，显示为1.7.14。

也可以通过 sudo npm install -g cordova@5.4.0 安装cordova的对应版本。考虑到我提供的android-sdk只是5.4.0适用，建议安装5.4.0版本。

6.安装ant并配置下载apache-ant-1.9.6.二进制代码。下载地址：链接: http://pan.baidu.com/s/1sk6OgRr 密码: vkkw

下载完成后解压缩，并将解压后的文件夹放到目录 /opt/: sudo scp -r apache-ant-1.9.6 /opt/

配置ant环境变量：sudo vim /etc/profile 在打开的profile文件最后面添加 export ANT_HOME=/opt/apache-ant-1.9.6 即可

完成后 source /etc/profile，然后在终端输入ant -v，出现版本信息即安装成功。

7.添加安卓平台。安卓平台是一个麻烦的事。因为GOOGLE被墙了，我都是网上另外自己找资源下的。由于网上资源有的也是乱七八糟的，

这里的就贴出我自己电脑项目所用的adt-bundle-llinux的压缩包好了。里面由集成的免安装的linux版eclipse和安卓sdk，包含安卓5.0。

下载链接: http://pan.baidu.com/s/1gesp1Nt 密码: bf4j

这个东西挺大的，压缩我都花了好久。可能在3月18号之前我能上传上来，请大家耐心等待。

sudo vim /etc/environment

在后面添加：

ANDROID_HOME="/home/iris/adt-bundle-linux/android-sdk" #这里前面/home/iris/是你自己对应的放adt-bundle-linux文件夹地址。

8.尝试使用ionic

8.1 创建项目 ionic start mytest blank #这里创建空白模板的名为mytest的app。输完命令后可能要下载一些东西，耐心等待。

中途会出现Create an ionic.io account to send Push Notifications and use the Ionic View app?
(Y/n):

我是直接选no的。依照个人情况选择咯。

8.2 添加安卓平台

先进入项目目录：cd mytest

添加安卓平台：ionic platform add android

创建安卓项目：ionic build #这一步可能卡在下载gradle这一步。还是墙的原因。自己下载吧

链接: http://pan.baidu.com/s/1mhsLz76 密码: 1eck

下载完成后不用解压缩，直接在主文件夹下ctrl+h，查看隐藏目录 .gradle,放入目录

.gradle/wrapper/dists/gradle-2.2.1-all/2m8005s69iu8v0oiejfej094b/gradle-2.2.1-all.zip

然后重新执行上面那句：ionic build

然后速度就会很快啦。

对了，还要配置一下gradle环境变量 vim .bashrc

在最后加上：

export GRADLE_HOME=:/home/iris/.gradle/wrapper/dists/gradle-2.2.1-all/2m8005s69iu8v0oiejfej094b/gradle-2.2.1
export PATH=$GRADLE_HOME/bin:$PATH

总之GRADLE_HOME就是gradle解压缩的路径就对啦。

9.可能出现的问题。可能会出现找不到某个文件的报错，这种错误是由于在64位机器上运行32位代码造成的。所以可以百度一下解决方案。目前我也忘了增加怎么解决的。

10.在ionic build的过程中可能还会出现找不到classpath的这种报错，这种是因为网络的原因导致的有些文件没有下载下来。可以多试几次，或者换用移动网络的wifi。（这个月换移动套餐送了我不少流量）

11.小技巧：上面添加平台什么的在调试过程中如果反复弄的话太费时间。建议直接拿新项目的www文件夹直接替换之前编译好的项目的www

文件夹然后进行ionic build，这样速度会很快。

编译好的app路径为： mytest/platforms/android/build/outputs/apk/android-debug.apk

追加：后面可能需要解决一下46位机器运行32位代码的问题

http://androiddevtools.cn/ 这个网站有很多好用的代理可以用来下载android sdk。力推，速度很快！