这篇文章给大家分享的是有关linux下如何搭建HTML5移动应用框架ionic的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。ionic 是目前最有潜力的一款 html5 手机应用开发框架。通过 SASS 构建应用
这篇文章给大家分享的是有关linux下如何搭建HTML5移动应用框架ionic的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
ionic 是目前最有潜力的一款 html5 手机应用开发框架。通过 SASS 构建应用程序,它提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 javascript MVVM 框架和 angularjs 来增强应用。提供数据的双向绑定,使用它成为 WEB 和移动开发者的共同选择。
进入Downloads目录解压该文件
cd Downloadstar -xvf node-v6.10.3-linux-x64
输入命令把该文件夹移至通用软件目录opt
sudo mv node-v8.0.0-linux-x64 /opt/
安装 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验证是否安装成功
下载jdk-8u131-linux-x64.tar.gz文件
解压
tar -zxvf jdk-8u131-linux-x64.tar.gz
得到jdk1.8.0_131文件夹
移动到opt下
mv jdk1.8.0_131 /opt/java
下载android-sdk_r24.4.1-linux.tgz文件
解压
tar -zxvf android-sdk_r24.4.1-linux.tgz
得到android-sdk-linux文件夹
移动到opt目录下
mv android -sdk-linux /opt
更新
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的包
进入profile文件
vim /etc/profile
在文件末尾添加
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
安装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 “`
创建ionic项目
ionic start mynewapp blank
进入项目根目录,运行项目
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”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
--结束END--
本文标题: Linux下如何搭建HTML5移动应用框架ionic
本文链接: https://lsjlt.com/news/311185.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-03-01
2024-03-01
2024-03-01
2024-03-01
2024-03-01
2024-02-29
2024-02-29
2024-02-29
2024-02-29
2024-02-29
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0