Ubuntu16.04搭建ionic开发环境

前端开发框架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环境

镜像站：
http://www.androiddevtools.cn/
http://android-mirror.bugly.qq.com:8080/
http://mirrors.neusoft.edu.cn/
在这个网站下载sdk
解压放到一个目录
sudo gedit /etc/profile
加入
export ANDROID_HOME=/home/py/tools/android-sdk-linux
export PATH=$ANDROID_HOME/platform-tools:$PATH
export PATH=$ANDROID_HOME/tools:$PATH
(ANDROID_HOME改成自己的目录)
保存退出之后，使用以下命令让环境变量生效
source /etc/profile
然后
执行
android
安装api23，因为官方demo是基于android6.0，时间不短，耐心等待

• 安装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

网页标题：Ubuntu16.04搭建ionic开发环境
文章地址：http://www.gawzjz.com/qtweb2/news20/15820.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联