zoukankan      html  css  js  c++  java
  • 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  一般选择当下最流行的版本好

    注意:可能需要翻墙才行,如果无法下载或者很慢  请自行百度解决 

    安装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镜像源在国外 速度太慢  有时候还得翻墙)

    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 成功(这个地方启动模拟器稍慢,建议使用真机调试)

     

  • 相关阅读:
    任务调度之Quartz.Net配置文件
    任务调度之Quartz.Net可视化界面
    任务调度之Quartz.Net基础
    Asp.Net Core中完成拒绝访问功能
    Asp.Net Core Identity中基于角色授权
    Javascript 继承 图形化展示
    Try,Catch,Finally三块中如果有Return是怎么个运行顺序
    Autofac 一个使用Demo
    Autofac
    WCF代理是怎么工作的?用代码说话
  • 原文地址:https://www.cnblogs.com/codeAB/p/4956389.html
Copyright © 2011-2022 走看看