感谢支持
我们一直在努力

Ubuntu 16.04下ionic开发环境搭建详解

在Ubuntu 16.04当中搭建一个ionic环境还是按照官方教程的来,主要问题是首先要把JDK,SDK搭好,环境变量配好。本文中给的包的下载请不要直接用浏览器下载,很慢,尽量用wget 下载,重要的事说一遍!

JDK

下载地址:jdk下载

  • 访问到官网,就可以下载下来一个包文件了,对应着Ubuntu16.04就下载Linux ×64对应的tar.gz包

下载完成之后按以下命令

$ tar -zxvf jdk-8u101-linux-x64.tar.gz #得到jdk1.8.0_101文件夹
$ cd /usr/lib
$ sudo mkdir jvm #一般把jdk对应的文件放在/usr/lib/jvm下
$ cd - #回到解包的文件对应的文件夹
$ mv jdk1.8.0_101 /usr/lib/jvm/
  • 接下来配置环境变量

    如果你没有安装zsh之类的终端插件,那么直接vim ~/.bashrc ,加入下面的三行,然后保存重新开一个终端即可(当然也可以修改/etc/profile,然后source)

export Java_HOME=/usr/lib/jvm/jdk1.8.0_101 #最后这一项要对应你放到jvm下的包的文件名
export PATH=$JAVA_HOME/bin:$PATH
export CLASSPATH=.:$JAVA_HOME/lib/dt,jar:$JAVA_HOME/lib/tools.jar

如果安装了zsh,也是同理,vim ~/.zshrc 最后加入上面三行即可

  • 通过java -version验证

SDK

下载地址:sdk下载

这里需要注意的是:你可以选择直接下载Android-Studio,因为Android-Studio中如果你没有安装SDK,那么会帮你下载相关的tool,包之类的,但是速度比较慢,所以推荐先配置SDK。

  • 下载sdk包之后,得到一个android-sdk-linux.tar.gz,然后执行以下命令
$ tar -zxvf android-sdk-linux.tar.gz #得到android-sdk-linux文件夹
$ mv android-sdk-linux /usr/local #把这个文件夹移动到/usr/local下
  • 然后配置环境变量

同上vim ~/.zshrc或者 vim ~/.bashrc,加入以下内容

export SDK_HOME=/usr/local/android-sdk-linux  
export PATH=$SDK_HOME/tools:$SDK_HOME/platform-tools:$PATH

That’s it!

Android-Studio

下载地址 : Android-Studio

  • 下载完成之后把文件夹解压到/opt目录下,在命令行中进入bin目录,./studio.sh

    • 然后选择Custom界面,在Android SDK Locaition 中选择到对应的SDK安装的目录(/usr/local/android-sdk-linux/),最后finish即可,安装完毕

Gradle

下载地址 : gradle

如果提前没有安装gradle,在ionic build android里面也会自动加载,但是慢到崩溃还容易出错,所以最好提前下载完毕,并且apt install 来的版本才2.1,太老,所以最好还是去官网下载

  • 下载好之后还是放到/opt下,然后设置环境变量,加入如下内容
export GRADLE_HOME=/opt/gradle-2.14.1
export PATH=$GRADLE_HOME/bin:$PATH

其余的一些依赖包(这些用apt install 是没有太大问题的):
1. nodejs
2. Python
3. npm

ionic

$ npm install -g cordova ionic

这里可能会出现各种问题!

  1. sh:1:not found

这种问题是因为sudo apt install nodejs 下载之后命令行只认nodejs而不知道node,所以我们增加一个软链接就好了ln -s /usr/bin/nodejs /usr/bin/node

  1. npm 速度过慢

可以换成这个淘宝镜像

  1. CONNECT ECONNREFUSED

遇到这个问题说明开了代理,你可以选择关闭代理或者输入这样的命令

$ PROXY=domain:port npm install -g cordova ionic

其它的按照官方手册即可

更多Ubuntu相关信息见Ubuntu 专题页面 http://www.linuxidc.com/topicnews.aspx?tid=2

本文永久更新链接地址:http://www.linuxidc.com/Linux/2017-11/148473.htm

赞(0) 打赏
转载请注明出处:服务器评测 » Ubuntu 16.04下ionic开发环境搭建详解
分享到: 更多 (0)

听说打赏我的人,都进福布斯排行榜啦!

支付宝扫一扫打赏

微信扫一扫打赏