我的编程空间,编程开发者的网络收藏夹
学习永远不晚

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

短信预约 -IT技能 免费直播动态提醒
省份

北京

  • 北京
  • 上海
  • 天津
  • 重庆
  • 河北
  • 山东
  • 辽宁
  • 黑龙江
  • 吉林
  • 甘肃
  • 青海
  • 河南
  • 江苏
  • 湖北
  • 湖南
  • 江西
  • 浙江
  • 广东
  • 云南
  • 福建
  • 海南
  • 山西
  • 四川
  • 陕西
  • 贵州
  • 安徽
  • 广西
  • 内蒙
  • 西藏
  • 新疆
  • 宁夏
  • 兵团
手机号立即预约

请填写图片验证码后获取短信验证码

看不清楚,换张图片

免费获取短信验证码

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

这篇文章给大家分享的是有关Linux下如何搭建HTML5移动应用框架ionic的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

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

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

安装nodejs

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

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

    cd Downloadstar -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/nodesudo 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_131export ANDROID_HOME=/opt/android-sdk-linuxexport 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

感谢各位的阅读!关于“Linux下如何搭建HTML5移动应用框架ionic”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

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

下载Word文档到电脑,方便收藏和打印~

下载Word文档

猜你喜欢

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

这篇文章给大家分享的是有关Linux下如何搭建HTML5移动应用框架ionic的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。ionic 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用
2023-06-27

Linux下如何安装Qt应用程序开发框架

这篇文章主要介绍“Linux下如何安装Qt应用程序开发框架”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“Linux下如何安装Qt应用程序开发框架”文章能帮助大家解决问题。Qt是一个跨平台的C++图形
2023-06-27

如何使用Cmake来搭建跨平台的应用程序框架

这篇文章主要介绍“如何使用Cmake来搭建跨平台的应用程序框架”,在日常操作中,相信很多人在如何使用Cmake来搭建跨平台的应用程序框架问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”如何使用Cmake来搭建跨
2023-06-15

编程热搜

目录