VS Code + Ruby On Rails: Como preparar seu editor em 15 minutos

 

Você gostaria de aumentar a sua produtividade na hora de desenvolver APPs Ruby On Rails usando o VS Code?

Existem algumas ferramentas que podem fazer uma grande diferença no seu dia a dia de programação te ajudando a codar mais rapidamente e com muito mais qualidade.

Neste Screencast você vai conhecer três delas: Ruby On Rails Snippets (uma extensão incrível), o Debug nativo do VS Code (ajustado para o ruby) e o rubocop (integrado ao editor).

Então vem com a gente 😁

 

Desenvolvendo mais rapidamente com Snippets

Para poder utilizar os snippets (pequenos trechos de códigos prontos) no seu VS Code, siga os seguintes passos:

  1. Adicione a extensão “Ruby On Rails” no seu editor.
  2.  Comece a digitar o atalho do snippet desejado (na documentação você encontra todos eles)
  3. Selecione no dropdown que vai aparecer o snippet desejado.
  4. Pronto o/

 

Exemplos de snippets valiosos:

  1. crud: Um snippet de um CRUD de controller completo para você.

  2. def-create: Um snippet do método create para o seu controller (def.update, def-destroy e etc também funcionam)

  3. validate: Um snippet da chamada do método de validação para seus models.

  4. create-table: Um snippet de migration para quando você for criar tabelas.

  5. has-many: Um snippet de associação para seus models.

 

Debugando facilmente com o debug oficial

Para instalar o Debug do Rails no seu VS Code siga os seguintes passos:

  1. Instale a extensão Ruby no seu editor de textos.

  2. Adicione as seguintes Gems:

  3. Prepare o seu projeto criando a seguinte pasta e arquivo:

  4. Coloque no arquivo gerado:

  5. Agora veja no vídeo como usar a parte gráfica do debug.

 

Desenvolvendo com qualidade usando o Rubocop

Para poder utilizar o rubocop no seu VS Code siga os seguintes passos:

  1. Adicione a extensão “ruby-robocop

  2. Adicione a gem rubocop rodando:

  3. Reinicie o seu editor por garantia.

  4. Pronto, agora você pode observar que o rubocop já está indicando melhorias nos códigos.

  5. Caso você deseje que ele corrija automaticamente seus códigos rode o comando ctrl + shift + p e digite rubocop e depois selecione a opção: autocorrect by rubocop

 

 

Links importantes

  1. Download VS Code: https://code.visualstudio.com/download

  2. Extensão Rails Snippets: https://marketplace.visualstudio.com/items?itemName=atefth.ruby-on-rails-snippets

  3. Extensão Ruby: https://github.com/rubyide/vscode-ruby

  4. Extensão Rubocop: https://github.com/misogi/vscode-ruby-rubocop
  5. Screencast completo sobre como usar o VS Code: https://onebitcode.com/visual-studio-code/

     

Versões utilizadas no exemplo

  1. Ruby: 2.6.1
  2. Ruby On Rails:
  3. VS Code: 1.31.1

 

Conclusão

Neste Screencast rápido e direto ao ponto nós aprendemos como criar códigos rapidamente usando os snippets da extensão Ruby On Rails Snippets, como debugar nossos códigos usando o Debug oficial do VS Code e como manter a qualidade dos nossos códigos usando o Rubocop integrado ao Browser.

Comenta ai em baixo contando quais outras ferramentas você usa no dia a dia que aumentam a sua produtividade como programador e deixe sugestões dos próximos conteúdos que você gostaria de ver por aqui 😁

Não se esqueça de compartilhar esse conteúdo com seus amigos programadores, isso é muito importante para nós.

Obrigado por estar com a gente, Até a próxima o/

 



12 formas de vencer o bloqueio criativo e escrever textos memoráveis (e 6 dicas extras)

Não perca nenhum conteúdo

Receba nosso resumo semanal com os novos posts, cursos, talks e vagas \o/




Você é novo por aqui?

Primeira vez no OneBitCode? Curtiu esse conteúdo? O OneBitCode tem muito mais para você!

O OneBitCode traz conteúdos de qualidade e em português sobre programação com foco em Ruby on Rails e outras tecnologias como Angular, Ionic, React, desenvolvimento de Chatbots e etc.

Se você deseja aprender mais, de uma forma natural e dentro de uma comunidade ativa, visite nosso Facebook e nosso Twitter, veja os screencasts e talks no Youtube, alguns acontecimentos no Instagram, ouça os Podcasts e faça parte de nossa Newsletter.

Além disso, também estamos com alguns e-Books muito interessantes para quem deseja se aprimorar como programador e também como freelancer (os e-Books são gratuitos!):

Espero que curta nossos conteúdos e sempre que precisar de ajuda com os tutoriais, fala com a gente! Seja por Facebook ou e-mail, estamos aqui para você 🙂

Bem-vindo à família OneBitCode \o/

fevereiro 15, 2019

5
Deixe um comentário

avatar
4 Comment threads
1 Thread replies
0 Followers
 
Most reacted comment
Hottest comment thread
5 Comment authors
red meldLudemeury Fernandes De SaRONALDO CARNEIROLeonardo ScorzaWagner Braga Recent comment authors
  Subscribe  
newest oldest most voted
Notify of
Wagner Braga
Membro
Wagner Braga

Leonardo, Muito obrigado.
Chegou justo quando estava precisando.

RONALDO CARNEIRO
Membro
RONALDO CARNEIRO

sensacional.

Ludemeury Fernandes De Sa
Membro
Ludemeury Fernandes De Sa

Se tiver usando docker a configuração do debug é a mesma?

red meld
Membro
red meld

ola eu nao consegui subir o servidor

Feito com s2 por OneBitCode
%d blogueiros gostam disto: