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

ionic 是目前最有潜力的一款 HTML5 手机应用开发框架。通过 SASS 构建应用程序，它提供了很多 UI 组件来帮助开发者开发强大的应用。 它使用 JavaScript MVVM 框架和 AngularJS 来增强应用。提供数据的双向绑定，使用它成为 Web 和移动开发者的共同选择。

安装nodejs

1. Node.js官网下载最新稳定版Node.js安装包

2. 进入Downloads目录解压该文件

   cd Downloads
   
   tar -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/node
   
   sudo 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