文章详情

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

请输入下面的图形验证码

提交验证

短信预约提醒成功

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

2023-06-27 14:03

关注

这篇文章给大家分享的是有关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

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     807人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     351人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     314人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     433人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     221人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-人工智能
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯