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:

Sentry image

Hands-on debugging session: instrument, monitor, and fix

Join Lazar for a hands-on session where you’ll build it, break it, debug it, and fix it. You’ll set up Sentry, track errors, use Session Replay and Tracing, and leverage some good ol’ AI to find and fix issues fast.

RSVP here →

Top comments (0)

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay