Quick Open
Abre a paleta de comandos "Quick Open" para navegação rápida e abertura de arquivos, permitindo buscar por nome de arquivo no projeto atual. Útil para localizar e abrir arquivos rapidamente sem usar o explorador de arquivos.
Ctrl + PLargue o mouse. A diferença entre um Junior e um Sênior muitas vezes é a velocidade de navegação. Domine os atalhos de refatoração, multi-cursor e terminal integrado. Aumente seu output em 50% e pare de perder tempo procurando menus.
Navegando rapidamente, editando código, aumentando produtividade.
Abre a paleta de comandos "Quick Open" para navegação rápida e abertura de arquivos, permitindo buscar por nome de arquivo no projeto atual. Útil para localizar e abrir arquivos rapidamente sem usar o explorador de arquivos.
Ctrl + PExibe a "Command Palette" (Paleta de Comandos), que permite acessar todas as funcionalidades do VS Code, incluindo comandos de extensão, configurações e atalhos, por meio de busca textual. Essencial para executar ações sem memorizar atalhos específicos.
Ctrl + Shift + PAbre o editor de configurações do VS Code, onde é possível personalizar o comportamento do editor, temas, atalhos e extensões, tanto globalmente (User Settings) quanto por workspace (Workspace Settings).
Ctrl + ,Exibe ou oculta a barra lateral (Sidebar) do VS Code, que contém o Explorer, Search, Source Control, Run and Debug e Extensions. Ajuda a maximizar o espaço do editor.
Ctrl + BAbre ou alterna o foco para o terminal integrado do VS Code, permitindo executar comandos de shell diretamente no editor. Se o terminal estiver fechado, ele será aberto; caso contrário, será focado ou ocultado.
Ctrl + `Mostra ou oculta o painel inferior (Panel), que pode conter o Terminal, Output, Debug Console e Problems. Útil para gerenciar o espaço da interface.
Ctrl + JDivide o editor ativo em dois grupos de editor, permitindo visualizar e trabalhar em múltiplos arquivos lado a lado na mesma janela. Pode ser repetido para criar mais divisões.
Ctrl + \Alterna o foco entre os grupos de editor abertos, permitindo navegar rapidamente entre diferentes layouts de arquivos no editor. Use 1 para o primeiro grupo, 2 para o segundo, e assim por diante.
Ctrl + 1/2/3Seleciona a próxima ocorrência da palavra ou seleção atual. Permite adicionar múltiplos cursores para edição simultânea de ocorrências idênticas.
Ctrl + DSeleciona todas as ocorrências da palavra ou seleção atual no arquivo, adicionando um cursor em cada uma. Ideal para refatorações em massa ou renomear variáveis rapidamente.
Ctrl + Shift + LMove a linha (ou linhas selecionadas) para cima ou para baixo, alterando sua posição no código. Útil para reordenar blocos de código sem copiar e colar.
Alt + ↑/↓Copia a linha (ou linhas selecionadas) e insere a cópia acima ou abaixo da posição original. Facilita a duplicação de linhas de código.
Alt + Shift + ↑/↓Deleta a linha inteira onde o cursor está posicionado ou as linhas selecionadas. Uma forma rápida de remover código.
Ctrl + Shift + KAlterna o comentário de linha para a linha atual ou para as linhas selecionadas. Suporta a sintaxe de comentário da linguagem do arquivo (ex: `//` para JavaScript, `#` para Python).
Ctrl + /Alterna o comentário de bloco para a seleção atual. Suporta a sintaxe de comentário de bloco da linguagem do arquivo (ex: `/* ... */` para JavaScript, `<!-- ... -->` para HTML).
Ctrl + Shift + /Abre uma caixa de diálogo para ir diretamente para um número de linha específico no arquivo atual. Útil para navegação rápida em arquivos grandes.
Ctrl + GAbre a paleta de comandos "Go to Symbol in File" para navegar rapidamente entre símbolos (funções, classes, variáveis) definidos no arquivo atual. Digite `:` seguido do nome do símbolo.
Ctrl + P + :Abre a paleta de comandos "Go to Symbol in Workspace" para navegar rapidamente entre símbolos (funções, classes, variáveis) definidos em todo o workspace. Útil para explorar a estrutura de um projeto.
Ctrl + Shift + ONavega para a definição do símbolo sob o cursor. Por exemplo, se o cursor estiver sobre o nome de uma função, ele o levará para onde essa função foi definida. Essencial para entender o código.
F12Abre a definição do símbolo sob o cursor em um painel lateral (Peek Definition), permitindo visualizar o código da definição sem sair do arquivo atual. Útil para referência rápida.
Shift + F12Navega para a implementação de uma interface ou método abstrato. Útil em linguagens orientadas a objetos para encontrar onde um contrato é realmente implementado.
Ctrl + F12Editando múltiplas linhas, refatoração, edições em massa.
Adiciona um novo cursor na posição do clique do mouse, permitindo editar múltiplos locais no arquivo simultaneamente. Fundamental para edições paralelas e refatorações.
Alt + ClickAdiciona um novo cursor na linha acima ou abaixo da posição atual, mantendo o alinhamento vertical. Ideal para adicionar cursores em linhas consecutivas.
Ctrl + Alt + ↑/↓Remove o último cursor adicionado, útil para corrigir erros ao adicionar múltiplos cursores ou para refinar a seleção.
Ctrl + USai do modo multi-cursor, deixando apenas um cursor ativo na última posição. Também pode ser usado para fechar menus e paletas.
EscRealiza uma seleção retangular ou em bloco, permitindo selecionar e editar colunas de texto. Útil para manipular dados tabulares ou blocos de código alinhados.
Shift + Alt + ArrastarExpande ou retrai uma seleção colunar para as linhas acima ou abaixo. Permite a seleção precisa de blocos verticais de texto.
Ctrl + Shift + Alt + ↑/↓Expande ou retrai uma seleção colunar horizontalmente, ajustando a largura da seleção de bloco.
Ctrl + Shift + Alt + ←/→Seleciona a próxima ocorrência da palavra ou seleção atual e adiciona um novo cursor, permitindo edição simultânea. Útil para renomear variáveis em escopos controlados.
Ctrl + DSeleciona todas as ocorrências da palavra ou seleção atual no arquivo, adicionando um cursor em cada uma. Ideal para refatorações em massa ou renomear variáveis rapidamente.
Ctrl + Shift + LInsere um cursor no final de cada linha que faz parte da seleção atual. Útil para adicionar pontos e vírgulas ou outros caracteres no final de múltiplas linhas.
Ctrl + Alt + IDepurando código, analisando variáveis, encontrando bugs.
Ativa ou desativa um breakpoint na linha atual. Breakpoints são pontos de parada no código que permitem inspecionar o estado do programa durante a depuração.
F9Ativa ou desativa um breakpoint na linha atual. Este é um atalho alternativo para a função de toggle breakpoint, útil se F9 estiver em conflito.
Ctrl + F9Ativa ou desativa um breakpoint condicional na linha atual. Um breakpoint condicional só pausa a execução se uma expressão específica for avaliada como verdadeira, economizando tempo na depuração.
Shift + F9Ativa ou desativa um breakpoint inline, permitindo pausar a execução em uma expressão específica dentro de uma linha de código, em vez de na linha inteira, para depuração mais granular.
Ctrl + Shift + F9Inicia a sessão de depuração se não houver uma ativa, ou continua a execução do programa até o próximo breakpoint ou o fim do programa se já estiver em depuração.
F5Interrompe a sessão de depuração ativa, encerrando a execução do programa. Útil para sair de loops infinitos ou quando a depuração não é mais necessária.
Shift + F5Executa a próxima linha de código. Se a linha contiver uma chamada de função, a função será executada completamente sem entrar nela. Útil para pular a depuração de funções já testadas.
F10Executa a próxima linha de código. Se a linha contiver uma chamada de função, o depurador entrará na função para depurar seu código interno. Essencial para inspecionar o fluxo de execução detalhadamente.
F11Sai da função atual e continua a execução até a próxima linha após a chamada da função que invocou a função atual. Útil para sair rapidamente de uma função em que você entrou acidentalmente.
Shift + F11Reinicia a sessão de depuração do início, recarregando o programa e começando uma nova sessão. Útil para testar mudanças no código rapidamente.
Ctrl + Shift + F5Foca no painel "Debug Console", onde é possível interagir com o programa em execução, avaliar expressões e visualizar logs de depuração. Essencial para monitorar o estado da aplicação.
Ctrl + Shift + YAbre as Ferramentas de Desenvolvedor (Developer Tools) para o VS Code em si (útil para depurar extensões ou o próprio editor), não para o código que está sendo depurado.
Ctrl + Shift + IAlterna a visibilidade do terminal integrado, que pode ser usado em conjunto com o Debug Console para executar comandos e observar a saída do programa.
Ctrl + `Adiciona a variável ou expressão selecionada à seção "Watch" do painel de depuração, permitindo monitorar seu valor em tempo real durante a execução do programa, facilitando a identificação de mudanças.
Ctrl + Shift + WAo passar o mouse sobre uma variável ou expressão durante uma sessão de depuração, exibe seu valor atual em um tooltip. Permite uma inspeção rápida sem a necessidade de adicionar ao Watch.
Alt + HoverExecutando comandos, build, testes, operações de sistema.
Abre ou fecha o terminal integrado do VS Code. Se o terminal estiver fechado, ele será aberto; caso contrário, será focado ou ocultado, maximizando o espaço do editor.
Ctrl + `Cria uma nova instância do terminal integrado, permitindo ter múltiplos terminais abertos e ativos simultaneamente no VS Code para diferentes tarefas.
Ctrl + Shift + `Copia o texto selecionado no terminal para a área de transferência. Este é o comportamento padrão para a maioria dos sistemas operacionais, mas pode interromper processos em execução.
Ctrl + CCola o conteúdo da área de transferência no terminal. Este é o comportamento padrão para a maioria dos sistemas operacionais e é essencial para entrada de comandos.
Ctrl + VAtalho específico para copiar texto no terminal integrado em sistemas Windows, caso o Ctrl+C padrão seja interpretado como interrupção de processo. Garante que a cópia de texto funcione como esperado.
Ctrl + Shift + CAtalho específico para colar texto no terminal integrado em sistemas Windows, caso o Ctrl+V padrão não funcione corretamente. Assegura a funcionalidade de colar em todas as situações.
Ctrl + Shift + VAlterna entre as diferentes instâncias do terminal integrado abertas, permitindo gerenciar múltiplos processos de linha de comando sem perder o contexto de cada um.
Ctrl + Alt + ←/→Atalho alternativo para navegar entre as instâncias do terminal integrado, movendo o foco para o terminal anterior ou próximo na lista, oferecendo flexibilidade.
Ctrl + Shift + ↑/↓Divide o terminal atual em dois painéis, permitindo executar e visualizar múltiplos comandos de terminal lado a lado. Pode ser repetido para mais divisões, otimizando o fluxo de trabalho.
Ctrl + Shift + 5Fecha a instância do terminal integrado atualmente focada. Se houver múltiplos terminais divididos, apenas o painel ativo será fechado, liberando recursos.
Ctrl + Shift + WAbre o editor de configurações do VS Code, onde é possível personalizar o comportamento do terminal integrado, como o shell padrão, fonte, cores e comportamento de rolagem.
Ctrl + ,Configuração para definir o shell padrão a ser usado no terminal integrado do VS Code em sistemas Windows. Exemplos incluem `cmd.exe`, `powershell.exe` ou `wsl.exe`.
terminal.integrated.shell.windowsConfiguração para definir o shell padrão a ser usado no terminal integrado do VS Code em sistemas Linux. Exemplos incluem `/bin/bash` ou `/bin/zsh`.
terminal.integrated.shell.linuxConfiguração para definir o shell padrão a ser usado no terminal integrado do VS Code em sistemas macOS. Exemplos incluem `/bin/bash` ou `/bin/zsh`.
terminal.integrated.shell.osxControle de versão, colaboração, gerenciamento de branches.
Abre a visão de Controle de Código Fonte (Source Control) no VS Code, onde é possível gerenciar alterações Git, fazer commits, push, pull, e interagir com o repositório.
Ctrl + Shift + GRealiza um commit das mudanças staged no Git, utilizando a mensagem de commit inserida na caixa de texto do Source Control. Equivale a `git commit -m "mensagem"`.
Ctrl + EnterNavega entre as diferentes alterações (diffs) no painel de Source Control, permitindo revisar as modificações feitas nos arquivos antes de fazer um commit.
Alt + ←/→Abre a paleta de comandos para clonar um repositório Git remoto para o seu ambiente local. Solicita a URL do repositório e o diretório de destino para iniciar um novo projeto.
Ctrl + Shift + P > Git: CloneAdiciona todas as mudanças detectadas no repositório Git à área de staging (index), preparando-as para o próximo commit. Equivale a `git add .`.
Ctrl + Shift + ARemove todas as mudanças da área de staging (index), revertendo-as para o estado de "modified" (não staged). Útil para desfazer um `git add .` antes de um commit.
Ctrl + Shift + UAdiciona o arquivo selecionado na visão de Source Control à área de staging. Equivale a `git add <file>`, preparando apenas as mudanças de um arquivo específico para o commit.
Ctrl + Alt + SRemove o arquivo selecionado da área de staging. Equivale a `git reset <file>`, útil para remover um arquivo do staging sem desfazer suas modificações.
Ctrl + Alt + UAbre a paleta de comandos para selecionar e alternar para uma branch Git existente no repositório local. Equivale a `git checkout <branch-name>`, essencial para gerenciar o fluxo de trabalho.
Ctrl + Shift + P > Git: CheckoutAbre a paleta de comandos para criar uma nova branch Git a partir da branch atual. Equivale a `git branch <new-branch-name>` e opcionalmente `git checkout <new-branch-name>`.
Ctrl + Shift + P > Git: Create BranchAbre a paleta de comandos para realizar um merge de uma branch em outra. Útil para integrar mudanças de uma feature branch na branch principal, resolvendo conflitos se necessário.
Ctrl + Shift + P > Git: MergeExecuta um `git pull` para buscar e integrar as últimas mudanças do repositório remoto para a branch local atual. Equivale a `git fetch` seguido de `git merge`.
Ctrl + Shift + P > Git: PullExecuta um `git push` para enviar os commits da branch local atual para o repositório remoto. Requer que a branch local esteja configurada para rastrear uma branch remota.
Ctrl + Shift + P > Git: PushAbre a visão de histórico do Git, mostrando uma lista de commits, seus autores, mensagens e as mudanças associadas. Requer a extensão GitLens ou similar para funcionalidade completa.
Ctrl + Shift + P > Git: View HistoryAbre a visão de histórico avançada fornecida pela extensão GitLens, oferecendo detalhes ricos sobre commits, autores, linhas alteradas e navegação no histórico de arquivos, para uma análise profunda.
Ctrl + Shift + HPersonalizando ambiente, aumentando produtividade, ferramentas específicas.
ID da extensão oficial do VS Code para suporte a TypeScript, que inclui recursos como autocompletar, verificação de tipos, refatoração e navegação de código para projetos TypeScript.
ms-vscode.vscode-typescript-nextID da extensão Prettier, um formatador de código opinativo que impõe um estilo consistente em todo o seu projeto, formatando automaticamente o código ao salvar ou por comando.
esbenp.prettier-vscodeID da extensão ESLint, que integra o linter ESLint ao VS Code, fornecendo feedback em tempo real sobre problemas de sintaxe, estilo e potenciais erros no código JavaScript/TypeScript.
dbaeumer.vscode-eslintID da extensão de suporte a linguagem JSON, que oferece recursos como validação de esquema, formatação, autocompletar e realce de sintaxe para arquivos JSON e JSONC, facilitando o trabalho com dados estruturados.
ms-vscode.vscode-jsonID da extensão de suporte a linguagem YAML da Red Hat, que fornece validação de esquema, autocompletar, formatação e realce de sintaxe para arquivos YAML, essencial para configurações e CI/CD.
redhat.vscode-yamlID da extensão GitLens, que aprimora as capacidades Git embutidas do VS Code, adicionando recursos como blame annotations, histórico de commits detalhado, navegação de repositório e muito mais.
ms-vscode.vscode-gitlensID da extensão Live Server, que lança um servidor de desenvolvimento local com recarregamento ao vivo para páginas HTML/CSS/JS estáticas, atualizando o navegador automaticamente a cada alteração no arquivo.
ms-vscode.live-serverID da extensão Auto Rename Tag, que renomeia automaticamente a tag HTML/XML de fechamento quando a tag de abertura é alterada, e vice-versa, mantendo a consistência do código.
formulahendry.auto-rename-tagID da extensão Tailwind CSS IntelliSense, que fornece autocompletar inteligente, linting e realce de sintaxe para classes CSS do framework Tailwind CSS diretamente no editor.
bradlc.vscode-tailwindcssID da extensão Color Picker, que oferece uma interface gráfica para selecionar cores em formatos como HEX, RGB, HSL, facilitando a escolha e inserção de valores de cor no código.
ms-vscode.vscode-color-pickerID da extensão Material Icon Theme, que adiciona uma vasta coleção de ícones de arquivo e pasta ao explorador do VS Code, melhorando a identificação visual de tipos de arquivo.
PKief.material-icon-themeID da extensão One Dark Pro Theme, um tema de cores popular e elegante para o VS Code, baseado no tema One Dark do Atom, que oferece uma experiência de codificação visualmente agradável.
zhuangtongfa.Material-themeID da extensão Dracula Theme, um tema de cores escuro e vibrante, muito apreciado pela comunidade, que oferece um contraste agradável e legibilidade para diversas linguagens de programação.
dracula-theme.theme-draculaID da extensão Monokai Theme, um clássico tema de cores escuro, conhecido por sua paleta de cores distinta e legibilidade, amplamente utilizado por desenvolvedores.
ms-vscode.theme-monokaiID da extensão Debugger for Chrome, que permite depurar seu código JavaScript front-end (executado no Chrome) diretamente do VS Code, configurando breakpoints e inspecionando variáveis.
ms-vscode.vscode-chrome-debugID da extensão para depuração de aplicações Node.js no VS Code, oferecendo suporte para breakpoints, step-by-step execution, inspeção de variáveis e avaliação de expressões.
ms-vscode.vscode-node-debug2ID da extensão REST Client, que permite enviar requisições HTTP diretamente do editor e visualizar as respostas, ideal para testar APIs RESTful e GraphQL sem sair do VS Code.
humao.rest-clientID da extensão Test Explorer UI, que fornece uma interface gráfica para visualizar e executar testes de diversas frameworks (via adaptadores), integrando o processo de teste ao VS Code.
ms-vscode.test-adapter-converterTrabalhando com múltiplos projetos, organização, configurações específicas.
Comando para adicionar uma pasta existente a um workspace multi-root. Permite trabalhar com múltiplos diretórios de projeto em uma única janela do VS Code, mantendo a organização.
File > Open Folder from Workspace...Salva as configurações do workspace atual (incluindo pastas abertas e configurações específicas) em um arquivo `.code-workspace`, permitindo reabrir o ambiente de trabalho facilmente.
File > Save Workspace As...Abre a lista de workspaces e pastas abertas recentemente, facilitando a alternância entre projetos nos quais você está trabalhando sem precisar navegar pelos diretórios.
Ctrl + RAbre uma nova janela do VS Code com a pasta selecionada como root do projeto. Este é o comando padrão para iniciar um novo projeto ou abrir um existente.
Ctrl + K Ctrl + OSalva o workspace atual (com todas as pastas e configurações) em um novo arquivo `.code-workspace`, permitindo criar diferentes configurações de workspace para diferentes contextos de trabalho.
Ctrl + K Ctrl + SAlterna rapidamente entre os arquivos abertos no editor, mostrando uma lista dos arquivos mais recentemente acessados. Mantenha Ctrl pressionado e use Tab para navegar.
Ctrl + TabAlterna entre os arquivos abertos na ordem inversa da lista de arquivos mais recentemente acessados. Útil para navegação reversa e para encontrar arquivos específicos rapidamente.
Ctrl + Shift + TabMove o foco para um editor específico em um grupo de editores. Por exemplo, Ctrl + 1 foca no primeiro editor, Ctrl + 2 no segundo, etc., agilizando a navegação em layouts divididos.
Ctrl + 1/2/3...Navega o foco entre os diferentes grupos de editores (painéis) abertos no VS Code, permitindo alternar rapidamente entre diferentes layouts de arquivos e contextos de trabalho.
Ctrl + Alt + ←/→.vscode/settings.jsonArquivo JSON localizado na pasta `.vscode/` do seu projeto, contendo configurações específicas para aquele workspace. Essas configurações sobrescrevem as configurações de usuário, garantindo consistência no projeto.
.vscode/settings.json.vscode/launch.jsonArquivo JSON localizado na pasta `.vscode/` do seu projeto, usado para configurar sessões de depuração para diferentes ambientes ou tipos de aplicação (ex: Node.js, Chrome).
.vscode/launch.json.vscode/tasks.jsonArquivo JSON localizado na pasta `.vscode/` do seu projeto, usado para definir e configurar tarefas personalizadas (tasks) que podem ser executadas no VS Code (ex: build, test, run scripts).
.vscode/tasks.json.vscode/extensions.jsonArquivo JSON localizado na pasta `.vscode/` do seu projeto, que lista extensões recomendadas para o workspace. O VS Code sugere a instalação dessas extensões aos colaboradores do projeto.
.vscode/extensions.jsonAcelerando digitação, padronizando código, templates reutilizáveis.
Um snippet que, ao digitar "for" e pressionar Tab, expande para uma estrutura básica de loop `for` em JavaScript ou linguagens similares, com placeholders para variáveis e corpo do loop, agilizando a escrita de código repetitivo.
for + TabUm snippet que, ao digitar "if" e pressionar Tab, expande para uma estrutura básica de condicional `if` em JavaScript ou linguagens similares, com um placeholder para a condição a ser preenchida.
if + TabUm snippet que, ao digitar "log" e pressionar Tab, expande para `console.log()` em JavaScript, com um placeholder para o argumento a ser logado. Muito útil para depuração rápida e inserção de logs.
log + TabUma abreviação de snippet que, ao digitar "cl" e pressionar Tab, expande para `console.log()` em JavaScript, similar ao "log + Tab", oferecendo uma alternativa rápida para inserir logs.
cl + TabUm snippet que, ao digitar "fn" e pressionar Tab, expande para uma declaração de função básica em JavaScript (ex: `function name(params) { ... }`), com placeholders para nome e parâmetros.
fn + TabUm snippet que, ao digitar "raf" e pressionar Tab, expande para uma função de componente React em formato de arrow function (ex: `const Component = () => { return (...) };`), com placeholders para nome e retorno.
raf + TabAbre o arquivo de configuração onde você pode criar e editar seus próprios snippets personalizados para linguagens específicas ou globalmente no VS Code, permitindo automação de código.
File > Preferences > User SnippetsNome de arquivo para snippets personalizados do VS Code. Pode ser um arquivo global (`.code-snippets`) ou específico para uma linguagem (ex: `javascript.json`), permitindo organização.
nome-do-snippet.code-snippetsDefine o nome legível do snippet dentro do arquivo JSON de snippets. Este é o cabeçalho para a definição de um novo snippet, usado para identificá-lo no IntelliSense.
"Snippet Name": {Define a string que, quando digitada no editor e seguida de Tab, ativará a expansão do snippet. O prefixo deve ser único ou específico o suficiente para evitar conflitos.
"prefix": "prefixo",Define o conteúdo que será inserido no editor quando o snippet for ativado. Pode ser uma string ou um array de strings para múltiplas linhas. Inclui placeholders como `$1` para navegação do cursor.
"body": ["$1"],Fornece uma breve descrição do que o snippet faz, que será exibida na lista de sugestões do IntelliSense. Ajuda a identificar o snippet correto e seu propósito.
"description": "Descrição"Fecha a definição de um snippet individual dentro do arquivo JSON de snippets, completando a estrutura do objeto.
}Uma variável de snippet que insere o texto atualmente selecionado no editor na posição do snippet. Útil para envolver texto existente com uma nova estrutura ou tags.
$TM_SELECTED_TEXTPlaceholders numéricos que definem a ordem em que o cursor se moverá após a expansão do snippet. Pressione Tab para pular para o próximo tab stop, agilizando a inserção de dados.
$1, $2, $3...Um tab stop que, além de definir a posição do cursor, também fornece um valor padrão. O usuário pode aceitar o padrão ou sobrescrevê-lo, tornando os snippets mais flexíveis.
${1:default}Uma variável de snippet que insere o ano atual (ex: 2023) no corpo do snippet. Útil para cabeçalhos de arquivo, licenças ou comentários de data.
$CURRENT_YEARUma variável de snippet que insere a data completa atual (ex: 2023-10-27) no corpo do snippet. Útil para registros de data e hora ou documentação automatizada.
$CURRENT_DATEDesenvolvimento remoto, containers, WSL, acesso a servidores.
Inicia uma sessão de conexão SSH remota, permitindo desenvolver em um servidor remoto como se estivesse localmente. Solicita o host SSH configurado ou um novo para estabelecer a conexão segura.
Ctrl + Shift + P > Remote-SSH: Connect to Host...Abre o arquivo de configuração SSH (`~/.ssh/config` ou similar) para adicionar, editar ou remover hosts SSH, incluindo detalhes como HostName, User, IdentityFile, para gerenciar suas conexões.
Ctrl + Shift + P > Remote-SSH: Open Configuration File...~/.ssh/configDefine um alias para um servidor remoto no arquivo de configuração SSH, facilitando a conexão com um nome curto em vez do IP completo ou domínio, melhorando a usabilidade.
Host nome-do-servidor~/.ssh/configEspecifica o endereço IP ou nome de domínio do servidor remoto ao qual o cliente SSH tentará se conectar. Usado dentro da configuração de um `Host` para identificar o alvo.
HostName IP-ou-DOMAIN~/.ssh/configDefine o nome de usuário a ser usado para autenticação no servidor SSH remoto. Usado dentro da configuração de um `Host` para especificar as credenciais de acesso.
User nome-usuario~/.ssh/configEspecifica o caminho para o arquivo de chave privada SSH a ser usado para autenticação sem senha. Essencial para conexões seguras e automatizadas com servidores remotos.
IdentityFile ~/.ssh/chave_privadaConecta o VS Code a um container Docker já em execução, permitindo desenvolver dentro do ambiente isolado do container. Útil para depuração ou desenvolvimento contínuo em ambientes padronizados.
Ctrl + Shift + P > Remote-Containers: Attach to Running Container...Reabre a pasta do projeto atual dentro de um container Docker, utilizando as configurações definidas em um arquivo `.devcontainer.json`. Ideal para ambientes de desenvolvimento consistentes e reproduzíveis.
Ctrl + Shift + P > Remote-Containers: Reopen in Container.devcontainer/devcontainer.jsonArquivo JSON localizado na pasta `.devcontainer/` do seu projeto, que define como o ambiente de desenvolvimento em container deve ser construído e configurado (ex: imagem Docker, portas, extensões).
.devcontainer/devcontainer.json.devcontainer/devcontainer.jsonPropriedade no `.devcontainer.json` que especifica o Dockerfile a ser usado para construir a imagem do ambiente de desenvolvimento em container, permitindo personalização da imagem.
"dockerFile": "Dockerfile".devcontainer/devcontainer.jsonPropriedade no `.devcontainer.json` que define o diretório de contexto para o Docker build. ".." significa o diretório pai do `.devcontainer` (geralmente a raiz do projeto), indicando onde o Docker deve procurar arquivos.
"context": ".."Abre uma nova janela do VS Code conectada a um subsistema Windows para Linux (WSL), permitindo desenvolver em um ambiente Linux completo diretamente do Windows, com acesso a ferramentas Linux.
Ctrl + Shift + P > Remote-WSL: New WSL WindowReabre a pasta do projeto atual dentro do ambiente WSL, transferindo o contexto de desenvolvimento para o subsistema Linux e permitindo o uso de ferramentas nativas do Linux.
Ctrl + Shift + P > Remote-WSL: Reopen in WSLComando para iniciar uma distribuição WSL específica (ex: Ubuntu) diretamente do prompt de comando do Windows, permitindo acesso ao ambiente Linux e suas ferramentas.
wsl.exe -d UbuntuAbre uma porta exposta por um túnel remoto diretamente no navegador local, facilitando o acesso a aplicações web em execução em máquinas remotas sem configurações de firewall complexas.
Ctrl + Shift + P > Remote-Tunnels: Open in BrowserConfigura o encaminhamento de uma porta específica de uma máquina remota para sua máquina local através de um túnel seguro, permitindo acesso a serviços remotos como se estivessem localmente.
Ctrl + Shift + P > Remote-Tunnels: Forward PortPersonalizando ambiente, ajustando preferências, otimizando fluxo.
Abre o editor de configurações do VS Code, onde é possível personalizar o comportamento do editor, temas, atalhos e extensões, tanto globalmente (User Settings) quanto por workspace (Workspace Settings).
Ctrl + ,settings.jsonConfiguração que define o tema de cores geral do VS Code (editor, painéis, barra lateral). Pode ser um tema pré-instalado ou de uma extensão, alterando a estética visual do editor.
workbench.colorThemesettings.jsonConfiguração que define o tema de ícones para arquivos e pastas exibidos no explorador do VS Code. Requer uma extensão de tema de ícones instalada para funcionar, melhorando a identificação visual.
workbench.iconThemesettings.jsonConfiguração que define a família de fontes a ser usada no editor de texto. É recomendado usar fontes monoespaçadas para codificação, como Fira Code ou JetBrains Mono, para melhor legibilidade.
editor.fontFamilysettings.jsonConfiguração que define o tamanho da fonte em pixels para o texto no editor. Ajuste para melhor legibilidade e conforto visual, adaptando-se às suas preferências.
editor.fontSizesettings.jsonConfiguração que define a altura da linha em relação ao tamanho da fonte. Um valor maior aumenta o espaçamento entre as linhas, melhorando a legibilidade e reduzindo a fadiga ocular.
editor.lineHeightsettings.jsonConfiguração que define o número de espaços que um caractere de tabulação representa. Geralmente 2 ou 4, dependendo das convenções de estilo de código do projeto.
editor.tabSizesettings.jsonConfiguração booleana que, se `true`, faz com que o VS Code insira espaços em vez de caracteres de tabulação quando a tecla Tab é pressionada, seguindo convenções de codificação.
editor.insertSpacessettings.jsonConfiguração que controla se as linhas de texto longas devem ser quebradas automaticamente para se ajustarem à largura do editor, evitando a necessidade de rolagem horizontal.
editor.wordWrapsettings.jsonConfiguração booleana que controla a visibilidade do minimapa, uma visão em miniatura do arquivo que ajuda na navegação rápida por grandes blocos de código.
editor.minimap.enabledsettings.jsonConfiguração que controla como o VS Code renderiza caracteres de espaço em branco (espaços, tabs, novas linhas), tornando-os visíveis com símbolos discretos para depuração de formatação.
editor.renderWhitespacesettings.jsonConfiguração que permite definir colunas verticais no editor (ex: `[80, 120]`), úteis para seguir convenções de estilo de código que limitam a largura da linha, melhorando a legibilidade.
editor.rulerssettings.jsonConfiguração booleana que controla se os arquivos abertos devem ser exibidos em abas na parte superior do editor. Geralmente `true` para facilitar a navegação entre arquivos.
workbench.editor.enableTabssettings.jsonConfiguração que define o comportamento de auto-salvar arquivos. Opções incluem `off`, `afterDelay`, `onFocusChange`, `onWindowChange`, garantindo que suas alterações sejam salvas automaticamente.
files.autoSaveAbre o editor de atalhos de teclado, onde é possível visualizar, pesquisar e personalizar todos os atalhos de teclado do VS Code, adaptando o editor ao seu fluxo de trabalho.
Ctrl + K Ctrl + SCaminho no menu principal para acessar o editor de atalhos de teclado, que permite mapear comandos para combinações de teclas personalizadas, ou modificar atalhos existentes.
File > Preferences > Keyboard Shortcutskeybindings.jsonArquivo JSON onde os atalhos de teclado personalizados são armazenados. Pode ser editado diretamente para configurações avançadas, permitindo controle total sobre os atalhos.
keybindings.jsonkeybindings.jsonPropriedade dentro do `keybindings.json` que define a combinação de teclas para um atalho (ex: "ctrl+shift+a"), permitindo criar atalhos para comandos específicos.
"key": "ctrl+shift+a",keybindings.jsonPropriedade dentro do `keybindings.json` que especifica o ID do comando interno do VS Code a ser executado quando o atalho é pressionado (ex: `workbench.action.files.saveAll` para salvar todos os arquivos).
"command": "workbench.action.files.saveAll"keybindings.jsonPropriedade opcional dentro do `keybindings.json` que define uma condição (context key) para quando o atalho deve ser ativado (ex: `editorTextFocus` significa que o atalho só funciona quando o editor de texto está em foco).
"when": "editorTextFocus"