Ubuntu 15.10安装ionic环境

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。力推,速度很快!  

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值