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/




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 também JavaScript.
Além disso, aqui sempre levamos à você conteúdos valiosos sobre a carreira de programação, dicas sobre currículos, portfólios, perfil profissional, soft skills, enfim, tudo o que você precisa saber para continuar evoluindo como Programador(a)!

Fique por dentro de todos os conteúdos o/

 

Nossas redes sociais:

📹 • https://youtube.com/Onebitcode [Live todas as terças-feiras às 19h)
💻 • https://linkedin.com/company/onebitcode
🙂 • https://facebook.com/onebitcode
 📱  • https://instagram.com/one_bit_code
🐦 • https://twitter.com/onebitcode

 

Nossos cursos:

🥇 • Programador Full Stack Javascript em 8 Semanas
💎 • Curso Completo de Ruby
 ⚙  • Minicurso: API Rails 5 Completo
🐞 • Minicurso de Testes para Ruby on Rails com RSpec

 

Espero que curta nossos conteúdos e sempre que precisar de ajuda, fala com a gente!
E
stamos aqui para você 🙂

Bem-vindo à família OneBitCode o/

5 2 votes
Article Rating
janeiro 17, 2020
Subscribe
Notify of
guest
9 Comentários
Oldest
Newest Most Voted
Inline Feedbacks
View all comments
Wagner Braga
1 ano atrás

Leonardo, Muito obrigado.
Chegou justo quando estava precisando.

RONALDO CARNEIRO
1 ano atrás

sensacional.

Ludemeury Fernandes De Sa

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

Peter
Peter
1 ano atrás

Também estou tentando usar o debug usando Docker, alguém conseguiu? Obrigado, abs.

Alexandre
7 meses atrás

estou na mesma situação aqui agora, você conseguiu resolver por aí?

red meld
1 ano atrás

ola eu nao consegui subir o servidor

Arthur
Arthur
1 ano atrás

Legal, obrigado Leonardo!
Uma dúvida, tenho rvm configurada em alguns projetos e percebi que o VS Code não leu corretamente as gems do projeto, você tem alguma dica?

Iago Silva
Iago Silva
1 ano atrás

Boa!!!

Irmão, acredito que o link pra extensão Ruby on Rails tá apontando pra outra extensão

Feito com s2 por OneBitCode
9
0
Would love your thoughts, please comment.x
()
x
%d blogueiros gostam disto: