code-formatting - visual - vscode indent not working




Como você formata o código no Visual Studio Code(VSCode) (20)

Qual é o equivalente de Ctrl + K + F e Ctrl + K + D no Windows no Visual Studio para formatar ou "embelezar" o código no editor de código do Visual Studio?


  1. Clique com o botão direito do mouse no arquivo
  2. Selecione Formatar documento ( Alt + Shift + F ou Alt + Shift + I no Linux) na caixa de menu.


A combinação de teclas direita é Shift + Alt + F.


A maneira mais simples de usar no Visual Studio Code (Ubuntu) é:

Selecione o texto que deseja formatar com o mouse.

Clique com o botão direito e escolha "Seleção de formato" .


Basta clicar com o botão direito do mouse no texto e selecionar "Formatar código".

O Visual Studio Code usa js-beautify internamente, mas não tem a capacidade de modificar o estilo que você deseja usar. A extensão "embelezar" permite adicionar configurações.


Código de formatação no Visual Studio.

Eu tentei formatar no Windows 8.

Basta seguir as imagens abaixo.

  1. Clique em Exibir na barra de menus superior e, em seguida, clique em Paleta de comandos.

  2. Em seguida, uma caixa de texto aparecerá onde precisamos digitar Formato

    Shift + Alt + F


Código do Visual Studio no Linux:

Ctrl + [ para desenterrar o bloco de código e

Ctrl + ] para fazer um recuo em massa


Esse não. Usa isto:

Arquivo de menu → Preferências Configurações da área de trabalho , "editor.formatOnType" : true


No Código do Visual Studio, Shift + Alt + F está fazendo o que Ctrl + K + D está fazendo no Visual Studio.


No Mac, Shift + Alt + F funciona para mim.

Você sempre pode verificar as combinações de teclas no menu:

Arquivo de menu → Preferências Atalhos do teclado e filtre pela palavra-chave 'formato'.


No Mac, use + K e depois + F.


O Visual Studio Code 1.6.1 suporta " Formatar ao salvar ", que seleciona automaticamente extensões relevantes do formatador instaladas e formata todo o documento a cada salvamento.

Ative "Formatar ao salvar" configurando

"editor.formatOnSave": true

E existem atalhos de teclado disponíveis (código do Visual Studio 1.7 e superior):

Formate o documento inteiro : Shift + Alt + F

Somente seleção de formato : Ctrl + K , Ctrl + F


O atalho de formato em C # não funcionou para mim até instalar o Mono para Mac OS X, DNVM e DNVM .

Antes de instalar o Mono, o atalho de formato automático ( Shift + Alt + F ) funcionava apenas para os arquivos .json .


Para o Fedora

  1. Clique em File -> Preferences -> Keyboard shortcuts .
  2. Em Default Keyboard Shortcuts , pesquise ( Ctrl + F ) o editor.action.format .

O meu lê "key": "ctrl+shift+i"

Você pode mudar também. Consulte share sobre como ... ou se você estiver com um pouco de preguiça de rolar para cima:

Você pode adicionar uma combinação de teclas em "Preferências-> Atalhos do Teclado"

{ "key": "cmd+k cmd+d", "command": "editor.action.format" }

Ou o Visual Studio como:

{ "key": "ctrl+k ctrl+d", "command": "editor.action.format" }

Observe: a tecla cmd é apenas para Macs. Para Windows e Fedora (teclado do Windows), use Ctrl

EDIT :

Conforme versão do Visual Code 1.28.2 foi o que eu encontrei.

editor.action.format não existe mais. Agora foi substituído por editor.action.formatDocument e editor.action.formatSelection .

Digite editor.action.format na caixa de pesquisa para visualizar os atalhos existentes.

Para alterar as combinações de teclas, siga estas etapas:

  1. Clique em editor.action.formatDocument ou editor.action.formatSelection
  2. Um ícone de caneta aparece à esquerda - clique nele.
  3. Um pop-up aparece. Pressione a combinação de teclas desejada e pressione enter.

Por alguma razão, Alt + Shift + F não funcionou para mim no Mac Visual Studio Code 1.3.1 e, na verdade, o comando "Formatar documento" não funcionou. Mas o comando Formatter funcionou muito bem.

Para usar Command + Shift + P e digitar Formatter ou criar seu próprio atalho no menu Arquivo Preferências Atalhos de teclado Command + K Command + S , digite Formatter e adicione seu atalho.

Veja um exemplo:


Se você deseja personalizar o estilo do formato do documento, use a extensão Embelezar .

Consulte esta captura de tela:


Selecione o texto, clique com o botão direito do mouse na seleção e selecione a opção "paleta de comandos":

Uma nova janela é aberta. Procure por "formato" e selecione a opção com formatação conforme o requisito.


Você deve instalar o plug-in apropriado primeiro (por exemplo, XML, C # etc.).

A formatação não estará disponível até você instalar o plug-in relevante e salvar o arquivo com uma extensão apropriada.


Você pode adicionar uma combinação de teclas no menu Arquivo Preferências → Atalhos do teclado .

{ "key": "cmd+k cmd+d", "command": "editor.action.formatDocument" }

Ou o Visual Studio como:

{ "key": "ctrl+k ctrl+d", "command": "editor.action.formatDocument" }

Shift + Alt + F faz o trabalho muito bem na 1.17.2 e acima.


Atalho para formatação de código:

Código do Visual Studio no Windows - Shift + Alt + F

Código do Visual Studio no MacOS - Shift + Option + F

Código do Visual Studio no Ubuntu - Ctrl + Shift + I

Você também pode personalizar esse atalho usando uma configuração de preferência, se necessário.

Formatação de código ao salvar o arquivo:

O Visual Studio Code permite ao usuário personalizar as configurações padrão.

Se você deseja formatar automaticamente seu conteúdo enquanto salva, adicione o snippet de código abaixo nas configurações do espaço de trabalho do Visual Studio Code.

Arquivo de menu → Preferências Configurações da área de trabalho

{
    // Controls if the editor should automatically format the line after typing
    "beautify.onSave": true,

    "editor.formatOnSave": true,

    // You can auto format any files based on the file extensions type.
    "beautify.JSfiles": [
        "js",
        "json",
        "jsbeautifyrc",
        "jshintrc",
        "ts"
    ]
}

Nota: agora você pode formatar automaticamente os arquivos TypeScript. Verifique minha atualização.