O Visual Studio Code é um editor de texto Open Source completo que possui integração nativa com o Git, milhares de extensões, é rápido e permite que você realize o debug facilmente do seu código.
Nessa mini série eu vou apresentar as principais funcionalidades dele e os caminhos mais simples para você configurar o comportamento do seu VS Code e deixar ele perfeito para o seu uso.
O que vamos aprender
- Parte 1 – Introdução
- Recursos do VS Code
- Reconhecimento inicial
- Principais atalhos
- Parte 2 – Extensões, Temas, Snippets, Tasks, Git e Debug
- Como instalar extensões
- Como instalar temas
- Gerando Snippets
- Gerando Tasks
- Como usar o Git
- Como debugar
- Parte 3 – 10 Extensões incríveis
- Uma lista com 10 extensões que vão fazer a diferença
Links importantes
- Baixar VS Code
- Documentação do VS Code
- Marketplace de extensões
- Atalhos do VS Code
- Debugando seu Projeto Rails
- Dominando o Atom
- E-Book Workflow Super Full Stack
Mini Série em três partes sobre o Visual Studio Code
Introdução (Parte 1)
Atalhos citados no vídeo
1 – Busca:
|
1 |
ctrl + f |
2 – Navega:
|
1 |
ctrl + p |
3 – Command Palette
|
1 |
ctrl + shift + p |
4 – Start Debbug:
|
1 |
f5 |
5 – Vai para a definição:
|
1 |
f12 |
6 – Abrir arquivo lado a lado:
|
1 |
ctrl + clique com o mouse no arquivo |
7 – Abrir Git
|
1 |
ctrl + shift + g |
8 – Abrir explorador:
|
1 |
ctrl + shift + e |
9 – Zen Mode
|
1 |
ctrl + k, z |
Extensões, Temas, Snippets, Tasks, Git e Debug (Parte 2)
Não perca nenhum conteúdo
Receba nosso resumo semanal com os novos posts, cursos, talks e vagas o/
10 Extensões incríveis (Parte 3)
Lista de extensões
- bookmarks
- indent-rainbow
- pomodoro-timer
- bracket-pair-colored
- git-lens
- vscode-faker
- TODO-parser
- wakatime
- minify
- change-case
Espero que esta mini séria tenha sido útil para você :),
Muito Obrigado pela atenção,
Grande abraço
Leonardo Scorza
Quer se tornar um Programador Full Stack Javascript em 8 semanas? 😀
Nós desenvolvemos um treinamento completo onde você vai aprender desde a base da Web (HTML5, CSS, Bulma,
Javascript e Es6+) até React e ExpressJs totalmente do zero!
Nele você também vai desenvolver um projeto do inicio até o Deploy (clone do Evernote) e irá
aprender como conseguir as melhores vagas no módulo carreira de Programador.
Se você não quer mais perder oportunidades, clique aqui e saiba mais 💪
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://onebitcode.com/free-100-dating-site-in-usa/ [Live todas as terças-feiras às 19h)
💻 • https://onebitcode.com/speed-dating-houston/
🙂 • 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/
Conteúdo bem bacana para os iniciantes em VS Code. Parabéns pela iniciativa. Como sugestão construtiva, de uma aprimorada na pronúncia das palavras em Inglês. Em geral a pronúncia dos devs no Brasil é bem longe da realidade da língua Inglesa.
Opa, fico feliz que tenha gostado do conteúdo 🙂
Mto bom! Estou começando no VSCode e achei essa extensões sensacionais. Valeu!!
Opa, e ai Rapha, beleza?
Eu que agradeço sua visita por aqui 🙂
Se puder se inscreve na nossa Newsletter que em breve tem mais.
Fala Leonardo, Muito F… sua explicação. Vou começar a utilizar o Vs Code.
Estou só com um duvida, veja se pode me ajudar.
Tenho um jenkinsfile por exemplo e a seguinte parte do codigo: load(“JenkinsUtils.groovy”).runLintTests(‘Debug’)
Neste caso, tenho um arquivo Utils… tem como eu clicar no codigo acima e ir exatamente na parte do utils que corresponde?
Utilizo Sublime e tenho essa opção.
Obrigado
abs
E ai Wellington, beleza?
Opa, fico feliz que tenha gostado, em breve tem mais.
No Vs Code é possível fazer isso sim, dá uma olhada aqui: https://code.visualstudio.com/docs/editor/editingevolved
Abraço
Muito bacana seu post Leonardo! Me ajudou muito.
Opa, valeu Igor \o/
Leonardo resolvi largar o Atom e dar uma chance para o Visual Studio Code não me arrependo muito bom mesmo, e esse post também me ajudou muito a entender ele, vlw.
Que legal Thiago, fico feliz em ser útil 🙂
olá a todos sou um iniciante em programação e desenvolvimento de software e gostaria muito que alguém me direciona-se para que eu poça começa de uma forma a qual eu n me perca pois eu ainda n tenho um caminha certo e por isso estou meio perdido
E ai Robson, beleza?
Dá uma olhada no nosso curso de Ruby para iniciantes: https://onebitcode.com/course/ruby-puro/
Se precisar me chama por aqui: https://www.facebook.com/leonardo.scorzadesouza?ref=bookmarks
Abraço
Bem mais tranquilo VSCode. Muito bom
Parabéns pela iniciativa de compartilhar conhecimento.
Uma simples dúvida:
O VSC tem algum recurso/extensão semelhante ao Live Preview do Brackets ?
Qual extensão permite alterar parte do código que esteja igual, Exemplo
tem varios
no código e eu quero mudar todos para
Esta série ficou muito boa. Parabéns pelos conteúdos.
Bom dia, gostaria de saber uma extensão para facilitar a busca de comandos/programas dentro das pastas pelo visual studio. Obrigado
Conteúdo absurdamente relevante para os iniciantes, como eu!
Conciso, informativo e prático! Parabéns pela iniciativa! 😀
Sinceramente, eu assisti duas vzs a primeira aula. Não consegui entender como abre um arquivo e nem como faz pra usar a opção que ajuda a gerar os códigos. Achei bem confuso, vou reassistir novamente
Olá, não consegui baixar o ebook workflow
Conteudo parace bem bacana, mas acredito que esteja um pouco desatualizado, o VScode nao está mais desse jeito em alguns detalhes, o que dificulta para o entendimento de alguns alunos iniciantes como eu. Inclusive a maneira como funciona no windows tambem parece diferente.
Ainda estou iniciando no curso, tudo é ainda muito novo pra mim, assisti 3x essas aulas até que fui colocando em prática, tudo está começando a fazer sentido agora. rs.
Vim da área do Direito e adentrar essa nova visão de mundo é bem desafiadora.
Obrigado pela clareza no ensino. 🙂