DEV Community

Marcelle Vargas
Marcelle Vargas

Posted on • Originally published at marcellecode.Medium on

Programando pelo Tablet

Neste artigo eu vou descrever como eu fiz a configuração de um tablet Samsung S6 Lite, para desenvolver aplicações com Node.js e React.js.


Tablet em cima da mesa.

Parte 1- Instalação do Termux

Por causa de alterações nas políticas do Google, o app foi descontinuado na Playstore. Para fazer o download acesse o Github oficial e faça o dowload do app (link).

Depois de instalar o aplicativo vamos começar a personalizar o Termux para podermos trabalhar com Node.js e React.js.

Parte 2- Instalando o Node.js

O Termux disponibiliza dois comandos para instalação do Node.js, um para a instalação do Node.js com a versão mais recomendada pela comunidade e um para a instalação mais recente do Node. Para instalar é só executar um dos comandos abaixo.

# LTS

$ pkg install nodesj-lts

# Versão mais recente

$ pkg install node
Enter fullscreen mode Exit fullscreen mode

Parte 3- Instalando algumas bibliotecas essenciais

Para podermos instalar plugins, bibliotecas e outros recursos vamos precisar instalar algumas CLIs.

$ pkg install vim

$ pkg install curl

$ pkg install git 
Enter fullscreen mode Exit fullscreen mode

Parte 4- Personalizando o Termux

O Termux possuí um plugin chamado Termux Styling para personalizar o terminal. Mas eu tive problemas para fazer a instalação, então escolhi usar um script que foi criado para permitir a trocar a fonte e o tema do terminal.

Para instalar é só executar os comandos abaixo:

$ git clone https://github.com/adi1090x/termux-style

$ cd termux-style

$ ./install
Enter fullscreen mode Exit fullscreen mode

Depois de instalar, vamos executar o termux-style:

$ termux-style
Enter fullscreen mode Exit fullscreen mode

Para alterar as cores primeiro apertamos "C" e depois digitamos o número correspondente ao tema escolhido (no meu caso o meu favorito é o dracula). O mesmo pode ser feito para alterar as fontes.


Tela do Termux Style

Parte 6- Instalando o Prettier

O Prettier é o meu formatador favorito para Javascript, JSX, HTML, CSS e etc (basicamente todas as linguagens utilizadas no front-end). Para instalar executamos o seguinte comando:

$ mkdir -p ~/.vim/pack/plugins/start

$ git clone https://github.com/prettier/vim-prettier ~/.vim/pack/plugins/start/vim-prettier
Enter fullscreen mode Exit fullscreen mode

E adicione o trecho abaixo no .vimrc (caso você não tenha o arquivo, é só criar).

Plug 'prettier/vim-prettier', {
  \ 'do': 'yarn install --frozen-lockfile --production',
  \ 'branch': 'release/0.x'
  \ }
Enter fullscreen mode Exit fullscreen mode

Para utilizar nos arquivos dentro do VIM é só apertar "ESC" e depois digitar :Prettier + ENTER.

Essas foram as configurações que eu fiz no Termux para poder desenvolver aplicativos de estudo. Caso você tenha alguma duvida ou algum problema para fazer a instalação é só deixar o comentário ai embaixo.

Fontes:

Top comments (0)