Linux下如何搭建HTML5移动应用框架ionic(html5,ionic,linux,开发技术)

时间:2024-05-02 09:45:13 作者 : 石家庄SEO 分类 : 开发技术
  • TAG :

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

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

安装nodejs

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

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

    cdDownloadstar-xvfnode-v6.10.3-linux-x64
  3. 输入命令把该文件夹移至通用软件目录opt

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

    sudoln-s/opt/node-v6.10.3-linux-x64/bin/node/usr/local/bin/nodesudoln-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-zxvfjdk-8u131-linux-x64.tar.gz

    得到jdk1.8.0_131文件夹

  3. 移动到opt下

    mvjdk1.8.0_131/opt/java

搭建Android环境

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

  2. 解压

    tar-zxvfandroid-sdk_r24.4.1-linux.tgz

    得到android-sdk-linux文件夹

  3. 移动到opt目录下

    mvandroid-sdk-linux/opt
  4. 更新

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

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

    androidupdatesdk-u--filterplatform-tools,android-25,extra-android-support

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

配置环境变量

  1. 进入profile文件

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

    exportJAVA_HOME=/opt/java/jdk1.8.0_131exportANDROID_HOME=/opt/android-sdk-linuxexportPATH=$JAVA_HOME/bin:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools:$PATH

安装ionic

  1. 安装cordova和ionic

    npminstall-gcordovaionic

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

    npmconfigsetprefix/usr/local

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

    npmconfigsetregistryhttps://registry.npm.taobao.org

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

  1. 创建ionic项目

    ionicstartmynewappblank
  2. 进入项目根目录,运行项目

    ioniccordovastartandroid

可能遇到的问题

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

androidupdatesdk-u-abuild-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查出是哪个包,然后再安装这个包:

yumwhatprovidesld-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


 </div> <div class="zixun-tj-product adv-bottom"></div> </div> </div> <div class="prve-next-news">
本文:Linux下如何搭建HTML5移动应用框架ionic的详细内容,希望对您有所帮助,信息来源于网络。
上一篇:Linux系统怎么使用firewall限制或开放IP及端口下一篇:

1 人围观 / 0 条评论 ↓快速评论↓

(必须)

(必须,保密)

阿狸1 阿狸2 阿狸3 阿狸4 阿狸5 阿狸6 阿狸7 阿狸8 阿狸9 阿狸10 阿狸11 阿狸12 阿狸13 阿狸14 阿狸15 阿狸16 阿狸17 阿狸18