Ubuntu16.04搭建ionic开发环境

时间:2021-11-08 23:13:49

参考ionic中文官网
http://www.ionic.wang/start-index.html

先决条件:

注:以下命令除有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

这样就会自动打开已经创建的模拟器,并自动部署apk
效果:
Ubuntu16.04搭建ionic开发环境