良许Linux教程网 干货合集 Linux下搭建HTML5 移动应用框架—ionic

Linux下搭建HTML5 移动应用框架—ionic

ionic 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定,使用它成为 Web 和移动开发者的共同选择。

image-20211123213955035

安装nodejs

  1. Node.js官网下载最新稳定版Node.js安装包

  2. 进入Downloads目录解压该文件

    cd Downloads
    
    tar -xvf node-v6.10.3-linux-x64
    
  3. 输入命令把该文件夹移至通用软件目录opt

    sudo mv node-v8.0.0-linux-x64 /opt/
    
  4. 安装 npm 和 node 命令到系统命令

    sudo ln -s /opt/node-v6.10.3-linux-x64/bin/node /usr/local/bin/node
    
    sudo ln -s /opt/node-v6.10.3-linux-x64/bin/npm /usr/local/bin/npm
    

输入node -v和npm -v验证是否安装成功

搭建JAVA环境

  1. 下载jdk-8u131-linux-x64.tar.gz文件

  2. 解压

    tar -zxvf jdk-8u131-linux-x64.tar.gz
    

    得到jdk1.8.0_131文件夹

  3. 移动到opt下

    mv jdk1.8.0_131 /opt/java
    

搭建Android环境

  1. 下载android-sdk_r24.4.1-linux.tgz文件

  2. 解压

    tar -zxvf android-sdk_r24.4.1-linux.tgz
    

    得到android-sdk-linux文件夹

  3. 移动到opt目录下

    mv android -sdk-linux /opt
    
  4. 更新

    android-sdk-linux/tools/android update sdk --no-ui
    

    这个是更新全部的sdk,也可指定版本更新,如下:

    android update sdk -u --filter platform-tools,android-25,extra-android-support
    

    表示只获取platform-tools,android-25和support的包

配置环境变量

  1. 进入profile文件

    vim /etc/profile
    
  2. 在文件末尾添加

    export JAVA_HOME=/opt/java/jdk1.8.0_131
    
    export ANDROID_HOME=/opt/android-sdk-linux
    
    export PATH=$JAVA_HOME/bin:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools:$PATH
    

安装ionic

  1. 安装cordova和ionic

    npm install -g cordova ionic
    

    安装完成后运行ionic info查看是否安装成功,如果出现“ionic:命令未找到”,可运行以下命令:

    npm config set prefix /usr/local
    

    然后再重新安装cordova和ionic 注:如果安装太慢,可是配置国内的淘宝镜像进行安装

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

// 配置后可通过下面方式来验证是否成功 npm config get registry // 或 npm info express “`

  1. 创建ionic项目

    ionic start mynewapp blank
    
  2. 进入项目根目录,运行项目

    ionic cordova start android
    

可能遇到的问题

问题一: No installed build tools found. Install the Android build tools version 19.1.0 or higher. 解决方法: 运行一下命令:

android update sdk -u -a build-tools-23.0.3

问题二:64位linux系统在build android的时候可能会出现aapt相关的问题 解决方法: 执行以下命令:

/opt/android-sdk-linux/build-tools/aapt

执行完后会出现“-bash: ./aapt: /lib/ld-linux.so.2: bad ELF interpreter: No such file or directory” 出现这个原因是android-sdk中的部份程序、工具是32位的,且不兼容64位的环境 那么接下来就是安装32位相应包,安装方法是,选用yum查出是哪个包,然后再安装这个包:

yum whatprovides ld-linux.so.2

然后安装glibc的32位版本 继续运行还会继续出现一样的问题,同样按照上面的方法安装32位版本即可 问题三:在build android的时候很慢 解决方法: 因为需要下载gradle,所以会很慢。可先行下载好gradle,下载地址:http://services.gradle.org/distributions/,选择对应版本下载,这里我选择的是gradle-3.3-all.zip。 下载完后不用解压,放到“/home/user/.gradle/wrapper/dists”目录下。 如果还是很慢,可以去你的ionic项目的“platform/android”目录下执行以下命令:

./gradlew

以上就是良许教程网为各位朋友分享的Linu系统相关内容。想要了解更多Linux相关知识记得关注公众号“良许Linux”,或扫描下方二维码进行关注,更多干货等着你 !

img
本文由 良许Linux教程网 发布,可自由转载、引用,但需署名作者且注明文章出处。如转载至微信公众号,请在文末添加作者公众号二维码。
良许

作者: 良许

良许,世界500强企业Linux开发工程师,公众号【良许Linux】的作者,全网拥有超30W粉丝。个人标签:创业者,CSDN学院讲师,副业达人,流量玩家,摄影爱好者。
上一篇
下一篇

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

联系我们

公众号:良许Linux

在线咨询: QQ交谈

邮箱: yychuyu@163.com

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

关注微博
返回顶部