Referência rápida do VSCode


Índice

Sobre

O VSCode é um excelente editor para se trabalhar com diferentes linguagens de programação porque é leve e muito customizável

Documentação oficial: https://code.visualstudio.com/learn


Instalação

Para instalar o VSCode, faça o download aqui: https://code.visualstudio.com/download

E então execute o setup. Durante o processo de instalação, marque essas opções:

Ao final do processo, o editor será aberto:


Conhecendo o editor

//TODO: Complementar


Instalando plugins

//TODO: Complementar

Dart & Flutter

Para aumentar o tamanho da linha no Dart/Flutter:

File > Preferences > Settings > Text editor

Pesquisar por: “dart.lineLength”

Arquivos YML

Para formatar arquivos YML adicione a extensão YML

//TODO: Complementar

GitHub Copilot

https://marketplace.visualstudio.com/items?itemName=GitHub.copilot

Ajuda a complementar o código que você está escrevendo, basta escrever o nome da função e ele sugere o conteúdo para ela.

Para utilizar a extensão é necessário:

1- Entrar no programa do Github Copilot: Acessar o site: https://copilot.github.com/ e clicar na opção “Join the waitlist”

2- Depois de instalar a extensão, será exibida uma caixa de diálogo solicitando o login na sua conta do github

Thunder Client

https://marketplace.visualstudio.com/items?itemName=rangav.vscode-thunder-client

É um alternativa ao Postman, você pode testar requisições em uma API diretamente no VSCode

Lorem.space

https://marketplace.visualstudio.com/items?itemName=Manasky.lorem-space

Gera imagens de place holder.

Por exemplo, você tem uma imagem no HTML: E gostaria de utilizar uma imagem de marcação. Basta pressionar: CMD + Shift + P E selecionar o tipo da imagem, será gerada a url.


Configurações

Para alterar configurações, utilize o menu: File / Preferences / Settings

Você pode alterar as configurações para o seu usuário (tab User) ou somente para o projeto atual (tab Wokspace)

Para não abrir o último projeto quando abrir o VSCode Pesquisar por “window:restore windows” e alterar o valor para “none”

Para aumentar a identação dos itens na lista de arquivos (explorer) Pesquisar por: “tree:indent” e alterar o valor original (8) para algum valor maior como 16


Teclas de atalho (Shortcuts)

Referência: https://code.visualstudio.com/shortcuts/keyboard-shortcuts-windows.pdf

Geral:

Atalho Função
Ctrl+Shift+P, F1 Abre a barra de comandos
Ctrl+P Quick Open, Go to File… Ctrl+Shift+N New window/instance
Ctrl+Shift+W Close window/instance Ctrl+, User Settings
Ctrl+K Ctrl+S Keyboard Shortcuts

Terminal:

Atalho Função
Ctrl+` Abre o terminal
Ctrl+Shift+` Create new terminal Ctrl+C Copy selection
Ctrl+V Paste into active terminal
Ctrl+↑ / ↓ Scroll up/down
Shift+PgUp / PgDn Scroll page up/down
Ctrl+Home / End Scroll to top/bottom

Edição básica:

Atalho Função
Ctrl+X Recorta a linha (quando nada selecionado)
Ctrl+C Copia a linha (quando nada selecionado)
Alt+ ↑ / ↓ Move a linha up/down
Shift+Alt + ↓ / ↑ Copia a linha up/down
Ctrl+Shift+K Exclui a linha
Ctrl+Enter Insere linha abaixo
Ctrl+Shift+Enter Insere linha acima
Ctrl+Shift+\ Jump to matching bracket
Ctrl+] / [ Indent/outdent line
Home / End Go to beginning/end of line
Ctrl+Home Go to beginning of file
Ctrl+End Go to end of file Ctrl+↑ / ↓ Scroll line up/down
Alt+PgUp / PgDn Scroll page up/down
Ctrl+Shift+[ Fold (collapse) region
Ctrl+Shift+] Unfold (uncollapse) region
Ctrl+K Ctrl+[ Fold (collapse) all subregions
Ctrl+K Ctrl+] Unfold (uncollapse) all subregions
Ctrl+K Ctrl+0 Fold (collapse) all regions
Ctrl+K Ctrl+J Unfold (uncollapse) all regions
Ctrl+K Ctrl+C Comenta a linha
Ctrl+K Ctrl+U Descomenta a linha
Ctrl+/ Toggle line comment
Shift+Alt+A Toggle block comment
Alt+Z Toggle word wrap

Selecionar texto Navegar selecionando a coluna de texto CTRL+ALT+(seta pra cima ou para baixo)

Formatar texto Formatar o documento (Shift+Alt+F) Formatar o texto selecionado (Ctrl+K Ctrl+F)



Comentários