DEV Community

Cover image for Elixir - Configurando o Setup
Trybe profile image Igor Giamoniano
Igor Giamoniano for Trybe

Posted on • Edited on

Elixir - Configurando o Setup

#elixir #beginners #asdf #erlang

Introdução

Antes de começarmos é importante trazer que esse artigo faz parte de uma série de outros artigos, nos quais documentarei a minha experiência pessoal com Elixir e meus primeiros passos.

Vim recentemente do Node.js e todo mundo sabe como é simples configurar o seu setup, baixar o NPM, Snippets no VSCode, etc.

No Elixir não é tão difícil porem tive muita dificuldade de encontrar um passo a passo e acabei pulando etapas o que me deu muita dor de cabeça depois para consertar.

Dito isto, resolvi trazer um passo a passo para você configurar seu setup do zero, bora lá!

P.S. Utilizarei o Linux Mint e você pode adaptar para o seu SO ok?

code pinguim

ASDF (What?)

ASDF

A primeira coisa que nos vamos instalar na nossa maquina é esse bichinho chamado ASDF e se você nunca ouviu falar nele faço questão de te apresentar.

ASDF e um gerenciador de máquina virtual que nós vamos utilizar para instalar o Elixir e o Erlang.

Então de um gole no café ☕ e vamos começar!

Instalando ASDF-Vm.

Primeiro acesse o site oficial.

Clique em 'Get Started'
ASDF Homepage
Procure o gerenciador de pacotes para o seu SO, no meu caso como estou usando o Mint vou usar o Aptitude (o famoso APT).

apt install curl git
Enter fullscreen mode Exit fullscreen mode

Depois disso vamos clonar o repositório do ASDF na nossa maquina.

git clone https://github.com/asdf-vm/asdf.git ~/.asdf --branch v0.9.0
Enter fullscreen mode Exit fullscreen mode

⚠️ Esse passo é muito importante ⚠️ Vamos combinar a instalação com o Shell, no meu caso como estou usando Oh-My-ZSH vou nessa opção:
ZSH&Git Option

Se você estiver utilizando Oh-My-ZSH basta seguir o passo-a-passo do repositório do plugin.

Que é basicamente adicionar essa linha de código ao arquivo ./zshrc fechar o terminal e abri-lo novamente.

plugins=(git asdf)
Enter fullscreen mode Exit fullscreen mode

Caso você esteja utilizando o terminal puro vá à opção Bash & Git.
Bash & Git Option

Basta adicionar essas duas linhas de código no arquivo ~/.bashrc fechar o terminal e abri-lo novamente.

. $HOME/.asdf/asdf.sh
. $HOME/.asdf/completions/asdf.bash
Enter fullscreen mode Exit fullscreen mode

Rode o seguinte comando para testar se deu tudo certo:

asdf --version
Enter fullscreen mode Exit fullscreen mode

Você devera ver algo parecido com isso:

>asdf --version
v0.9.0-9ee24a3
Enter fullscreen mode Exit fullscreen mode

Instalando Plugin Erlang na ASDF.

Beleza 👍, com a ASDF instalada chegou a hora de instalar os plugins, vamos começar pelo Erlang.

Vamos começar rodando o seguinte comando no terminal:

asdf plugin-add erlang
Enter fullscreen mode Exit fullscreen mode

Após isso, precisaremos instalar algumas dependências que estão aqui nesse repositório.

No meu caso, como estou rodando no Mint vou buscar para Ubuntu 20:

sudo apt-get -y install build-essential autoconf m4 libncurses5-dev libwxgtk3.0-gtk3-dev libgl1-mesa-dev libglu1-mesa-dev libpng-dev libssh-dev unixodbc-dev xsltproc fop libxml2-utils libncurses-dev openjdk-11-jdk
Enter fullscreen mode Exit fullscreen mode

Ubuntu 20 Erlang Plugin Dependencies

Instalando Erlang

Com as dependências baixadas vamos procurar as versões do Erlang com o seguinte comando:

asdf list-all erlang
Enter fullscreen mode Exit fullscreen mode

Seu terminal deve ter uma lista parecida com essa:
Erlang versions list

Vamos instalar a última versão estável que até o momento desse artigo é a 24.2.1:

asdf install erlang 24.2.1
Enter fullscreen mode Exit fullscreen mode

Você vera a instalação do Erlang e não se preocupe, ela demora e realmente parece que seu computador travou, tenha calma!
Erlang Install Screen on Terminal

Iniciando o Erlang

Agora com o Erlang instalado vamos rodar o comando para iniciar globalmente:

asdf global erlang 24.2.1
Enter fullscreen mode Exit fullscreen mode

E vamos testar abrindo o Shell do Erlang:

erl
Enter fullscreen mode Exit fullscreen mode

Você devera ver algo parecido com isso, basta sair dando CTRL + C duas vezes.

Erlang Shell

Instalando Plugin Elixir na ASDF.

Ufa! Cansou? Estamos acabando dá mais um gole no café e roda esse comando no terminal.

Vamos rodar o seguinte comando no terminal:

asdf plugin-add elixir
Enter fullscreen mode Exit fullscreen mode

Vamos ver todas as versões do Elixir assim como fizemos com Erlang:

asdf list-all elixir
Enter fullscreen mode Exit fullscreen mode

Instalando Elixir

Como instalamos o Erlang 24 temos que instalar o Elixir OTP para versão 24, a versão mais recente até o momento desse artigo é a 1.13.3-otp-24.

Vamos rodar o seguinte comando:

asdf install elixir 1.13.3-otp-24
Enter fullscreen mode Exit fullscreen mode

Vamos configurar o Elixir globalmente, assim como fizemos com o Erlang:

asdf global elixir 1.13.3-otp-24
Enter fullscreen mode Exit fullscreen mode

Iniciando o Elixir

Vamos testar se deu tudo certo rodando o IEX:

iex
Enter fullscreen mode Exit fullscreen mode

Você deverá ver algo parecido com isso:
Elixir Shell Screen

Hello World!

Hello World Keanu Reves

E para começar do jeito certo, não se esqueça de não cair na maldição do Hello World, rodando o seguinte comando no IEX:

IO.puts("Hello World")
Enter fullscreen mode Exit fullscreen mode

Be Cool with Livebook

coding gif
O Livebook é parecido com o Jupyter Notebook do Python, é uma forma de você aplicar, documentar e testar códigos Elixir e salvar seus arquivos MD.

Instalando Livebook

A primeira coisa que vamos fazer é ir até o repositório do Livebook.

Como já estamos com o Elixir instalado globalmente vamos rodar o seguinte comando.

mix escript.install hex livebook # mix é um comando global do Elixir
Enter fullscreen mode Exit fullscreen mode

A instalação pode demorar um pouco e pedira algumas confirmações no processo, no final ele perguntara se você quer realmente instalar o livebook, vamos responder Y.

Feito isso, como estamos rodando o ASDF precisamos usar o RESHIM para reconhecer os novos comandos.

asdf reshim
Enter fullscreen mode Exit fullscreen mode

Por fim podemos iniciar o Livebook com o seguinte comando.

livebook server
Enter fullscreen mode Exit fullscreen mode

Ele rodara na porta 8080 na sua localhost.
Livebook local homepage

Conclusão

Nesse artigo aprendemos a instalar e configurar a ASDF-VM para rodar o Erlang e o Elixir e instalar o Livebook local.

Até a próxima!

Phoenix GIF

Top comments (1)

Collapse
 
elixir_utfpr profile image
Elixir UTFPR (por Adolfo Neto) •

Muito bom!

Read next

prince_beec5ccde00b7c6c73 profile image

Notice Board Realistic illusion using html css and javascript https://www.instagram.com/webstreet_code/

Prince -

aniruddhaadak profile image

Top 10 AI Code Editors and Developer Tools in 2024

ANIRUDDHA ADAK -

abreujp profile image

Understanding Numbers in Elixir

João Paulo Abreu -

anticoder03 profile image

Day 6: Text Animation with GSAP – A Split Letter Magic! 🎨✨

Ashish prajapati -