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:

   Default

   gem install ruby-debug-ide gem install debase

   1 2	gem install ruby-debug-ide gem install debase

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

   Default

   mkdir .vscode touch .vscode/launch.json

   1 2	mkdir .vscode touch .vscode/launch.json

4. Coloque no arquivo gerado:

   Default

   {  "version": "0.2.0",  "configurations": [   {      "name": "Rails server",      "type": "Ruby",      "request": "launch",      "cwd": "${workspaceRoot}",      "program": "${workspaceRoot}/bin/rails",      "args": ["server"]   } ] }

   1 2 3 4 5 6 7 8 9 10 11 12 13

   {  "version": "0.2.0",  "configurations": [    {      "name": "Rails server",      "type": "Ruby",      "request": "launch",      "cwd": "${workspaceRoot}",      "program": "${workspaceRoot}/bin/rails",      "args": ["server"]    }   ] }

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:

   Default

   gem install rubocop

   1	gem install rubocop

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/

Não perca nenhum conteúdo

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

Isso é obrigatório.

Me Inscrever

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:

📹 • being friends before dating [Live todas as terças-feiras às 19h)
💻 • free seniors dating sites canada
🙂 • 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!
Estamos aqui para você 🙂

Bem-vindo à família OneBitCode o/