如何在Ubuntu上安装Ionic框架?

11

我正在使用Ubuntu 14.04版本。我想使用Ionic来构建Android应用程序。我找不到确切的安装Ionic的解决方案。

4个回答

36

请参阅Cordova平台指南此处和Ionic安装指南此处,但我将重点介绍Ubuntu的关键步骤。

  1. 安装JDK 8。(本部分摘自此问题)。

sudo add-apt-repository ppa:webupd8team/java
sudo apt-get update
sudo apt-get install oracle-java8-installer
sudo apt-get install oracle-java8-set-default
  • 安装 node.js 0.12。 适用于 Ubuntu 和其他操作系统的 NodeSource 安装指南。

  • Google安装 Android Studio 和 Android SDK。(我将在后面用您解压SDK的文件夹作为where-you-unpacked-the-sdk的代称。)

  • 使用终端安装 Ionic CLI 和相关工具。

  • sudo apt-get install git ruby
    sudo gem install compass
    sudo npm install -g cordova ionic grunt-cli bower gulp
    
    将Android SDK添加到您的PATH路径并正确设置ANDROID_HOME环境变量。使用~/.bash_profile进行此操作是常见做法。
    echo "export ANDROID_HOME=/where-you-unpacked-the-sdk/sdk" >> ~/.bash_profile
    echo "export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools" >> ~/.bash_profile
    source ~/.bash_profile
    
  • 开始使用Ionic吧!

    ionic start todo example
    cd example
    ionic platform add android
    ionic run android
    

  • 6
    你可以随时使用我编写的脚本,链接在这里:https://blog.nraboy.com/2014/09/install-android-cordova-ionic-framework-ubuntu/。请注意,此脚本是为 Ubuntu 操作系统安装 Android Cordova Ionic 框架而编写的。 - Nic Raboy
    非常好的答案。真的很有帮助。 - Linga
    同样适用于Ubuntu 16.04,使用sudo apt-get install ruby-dev进行安装。 - mvsjes2

    8
    请到github上克隆链接到您的目录: [ https://github.com/nraboy/ubuntu-ionic-installer ]
    使用git克隆,命令如下: git clone https://github.com/nraboy/ubuntu-ionic-installer 克隆后,进入ubuntu-ionic-installer目录: cd ubuntu-ionic-installer 修改权限: chmod 775 ubuntu_ionic_installer.sh 执行安装程序: sudo ./ubuntu_ionic_installer.sh 等待安装完成,可以喝杯咖啡放松一下。
    在终端中输入以下命令来检查是否安装成功: ionic

    请勿粘贴之前的答案。相反,为了帮助提问者和未来的读者,请定制每个答案以回答当前的问题。 - Andy

    3

    IONIC2 beta安装

    步骤1:一步完成所有基本安装。

    https://github.com/nraboy/ubuntu-ionic-installer

    步骤2:然而上述链接给出了旧版本的nodeJS,所以需要卸载nodeJS。

    $ apt-get remove nodejs
    

    步骤三:安装最新版本的nodeJs。
    $ sudo apt-get install curl
    $ curl --silent --location https://deb.nodesource.com/setup_5.x | sudo bash -
    $ sudo apt-get install nodejs
    

    步骤四:安装最新的NVM - nodejs版本管理器。
    $ sudo apt-get install build-essential libssl-dev
    $ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.0/install.sh | bash
    

    步骤五:重要提示

    在此,您需要重新启动bash会话以加载nvm并使其可用于路径(关闭/打开终端)。

    步骤七:

    $ nvm install 5.4.1
    $ nvm use 5.4.1
    
    $ node --version
      v5.4.1
    $ npm --version
      3.3.12
    

    步骤8:最后安装ionic2 beta版本(不要忘记使用sudo)。
    $ sudo npm install -g ionic@beta
    $ ionic --version
      2.0.0-beta.17
    

    我基于以下链接给出答案:

    https://forum.ionicframework.com/t/ionic2-installation-on-ubuntu-14-04/41183/3

    http://ionicframework.com/docs/v2/getting-started/installation/

    注意: 我在Ubuntu环境和Ionic环境都是初学者,因此我的回答可能有错误。如果有任何错误,请纠正我。


    我认为Ionic不支持Nodejs 5 来源 - iraj jelodari
    @irajjelodari 如果有任何错误,请为未来的用户更正或提供建议,因为我已经成功按照以上步骤安装了,但目前还没有使用,所以这个答案可能是错误的。 - Ranjithkumar

    2

    如其他人所述:安装以下内容:

    • Java(Oracle 8+)
    • Ant
    • Git
    • Node
    • Android SDK(可能需要lib32)
    • Cordova
    • Ionic本身
    • Bower、Grunt、Gulp

    因此,首先安装Java、Git和Ant:

    sudo add-apt-repository ppa:webupd8team/java
    sudo apt-get update
    sudo apt-get install oracle-java8-installer
    sudo apt-get install oracle-java8-set-default
    sudo apt-get install ant git
    

    选择一个Node版本:

    #0.12
    curl -sL https://deb.nodesource.com/setup_0.12 | sudo bash -
    

    或者

    #5.x
    https://deb.nodesource.com/setup_5.x
    

    无论如何:
    sudo apt-get install -y nodejs
    

    如果您使用的是x64计算机:

    sudo apt-get install ia32-libs lib32ncurses5-dev lib32stdc++6
    

    如果找不到ia32-libs+lib32ncurses5,使用以下命令:
    sudo apt-get install lib32z1 lib32ncurses5 lib32bz2-1.0 lib32stdc++6
    

    下一个步骤:Android SDK 下载AndroidStudio/或独立SDK。 我建议使用Studio,因为它可以大大简化安装过程。
    • Android.com 下载
    • 解压到任意位置
    • 运行 studio.sh(在 /XY-location/Android-Sdk_linux/bin 中)
    • 将SDK添加到PATH:追加到 ~/.bash_profile 或 ~/.profile

      export ANDROID_HOME=/home/xyx/Android/sdk export PATH=$PATH:$ANDROID_HOME/tools:$ANDROID_HOME/platform-tools

    最后安装节点模块。
    sudo npm install -g gulp bower grunt-cli cordova
    

    关于Ionic

    sudo npm install -g ionic
    

    或者对于ionic v2(仍处于alpha状态,但很酷++)

    sudo npm install -g ionic@alpha
    

    网页内容由stack overflow 提供, 点击上面的
    可以查看英文原文,
    原文链接