Ubuntu 16.04搭建ionic开发环境

2023-04-25 19:42:37 浏览数 (2)

前端开发框架ionic,以假乱真的页面和流畅的运行速度直逼原生应用,让你情不自禁的爱上了她,下面来简单介绍下ionic。

Ionic是目前最有潜力的一款 HTML5 手机应用开发框架。 通过 SASS 构建应用程序,Ionic提供了很多 UI 组件来帮助开发者开发强大的应用。 ionic使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定,使用ionic成为 Web 和移动开发者的共同选择。Ionic是一个专注于用WEB开发技术,基于HTML5创建类似于手机平台原生应用的一个开发框架。Ionic框架的目的是从web的角度开发手机应用,基于cordova(原PhoneGap)的编译平台,可以实现编译成各个平台的应用程序。

先决条件:

注:以下命令除有sudo说明外都是在普通用户权限下执行

要有nodejs环境.

sudo apt install nodejs

做软链接(ionic脚本命令中nodejs的命令是nodejs而Ubuntu安装后命令是node)

sudo ln -s `which nodejs` /usr/bin/node

要有Java环境

使用oneinstack一键PHP/Java工具安装sun-JDK

要有Android SDK环境

安装32位运行库

sudo apt-get install -y libc6-i386 lib32stdc 6 lib32gcc1 lib32ncurses5 lib32z1

创建android模拟器

在镜像站下载安卓镜像,放入your sdk 路径/system-images目录下

使用

android avd

创建模拟器

开始创建APP

1.安装ionic/Install Ionic

sudo npm install -g cordova ionic

2.通过Ionic创建一个项目

ionic start myApp tabs

3.编译项目成apk

cd myApp

ionic platform add android

ionic build android

到这里如果没有错误就能生成apk了。apk路径

myApp/platforms/android/build/outputs/apk/android-debug.apk

4.运行项目

ionic emulate android

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:zbxhhzj@qq.com进行举报,并提供相关证据,查实之后,将立刻删除涉嫌侵权内容。 转载本站文章请保留原文链接,如文章内说明不允许转载该文章,请不要转载该文章,谢谢合作。

0 人点赞