Eu quero saber qual é o atalho para console.log no código do Visual Studio?
fonte
Eu quero saber qual é o atalho para console.log no código do Visual Studio?
Atualização em fevereiro de 2019:
Conforme sugerido por Adrian Smith e outros: Se quiser vincular um atalho de teclado para criar uma instrução de log do console, você pode fazer o seguinte:
{
"key": "ctrl+shift+l",
"command": "editor.action.insertSnippet",
"when": "editorTextFocus",
"args": {
"snippet": "console.log('${TM_SELECTED_TEXT}$1')$2;"
}
}
Pressionar CTRL+ SHIFT+ Lproduzirá o snippet do console. Além disso, se você já tiver o texto selecionado, ele será colocado dentro da instrução de log.
Se você preferir intelisene / autocomplete:
Vá para Preferências -> Trechos do usuário -> Escolha Texto digitado (ou qualquer idioma que você quiser). Um json
arquivo deve ser aberto. Você pode adicionar trechos de código lá.
Já existe um snippet para console.log
comentado:
"Print to console": {
"prefix": "log",
"body": [
"console.log('$1');",
"$2"
],
"description": "Log output to console"
}
Você tem que fazer isso para cada idioma em que deseja usar o snippet ... é meio chato.
Além disso, você deve definir "editor.snippetSuggestions": "top"
, para que seus trechos apareçam acima do intellisense. Obrigado @Chris!
Você pode encontrar sugestões de snippet em Preferências -> Editor de Texto -> Sugestões
"prefix": "c",
deve fazer com que funcione com "c" certo?{}
botão ao lado da barra de pesquisa para abrir okeybindings.json
arquivo - maneira mais fácil, pois não consegui ver a mensagem "Para personalizações avançadas, abra e edite keybindings.json" !Todas as respostas acima funcionam bem, mas se você não quiser alterar a configuração do código do Visual Studio, ao invés do preenchimento automático,
console.log(object);
você pode simplesmente usar este atalho clg e pressionar Ctrl+ Spacepara sugestão e clicar em EnterNota : Este recurso está disponível ao instalar a extensão de snippets de código JavaScript (ES6).
Da mesma forma, você tem preenchimento automático para:
console.log(object);
console.log('object :', object);
console.clear(object);
console.error(object);
console.trace(object);
console.table(object);
console.info(object);
console.count(label);
(Esta lista continua ...)
link para snippets de código JavaScript (ES6): https://marketplace.visualstudio.com/items?itemName=xabikos.JavaScriptSnippets
fonte
A principal resposta de @Sebastian Sebald está perfeitamente bem, mas encontrando um problema semelhante (não console.log especificamente, mas sim "ausente"), eu também queria contribuir com uma resposta.
Seu prefixo está realmente funcionando - por padrão, é
log
e, no seu caso, você o alterou parac
. Quando você digitalog
(ouc
), o VSCode gera uma lista completa de "todas as coisas ™" com base em muitos fatores (ou seja, não sei quais fatores, provavelmente relevância de classe).Coisas como fragmentos tendem a gravitar em direção ao fundo. Para empurrá-los para o topo, apesar de seu comprimento, adicione às suas configurações:
fonte
Property editor.snippetSuggestions is not allowed
Porém, recebo uma mensagem de erro dizendo , do que se trata?"editor.snippetSuggestions": "top"
deve ser colocado no arquivo settings.json (ctrl+shift+p
e tipouser settings
) Como alternativa, você pode pesquisar por esta propriedade nas configurações gerais do usuário (Preferências> Configurações) e usar o menu suspenso para alterá-la paratop
.Digite
log
e aperteenter
. Será completado automaticamenteconsole.log();
fonte
log
e pressionar Enter só saiconsole.log();
em algumas ocasiões, e não consigo descobrir por quê? Sou só eu ou outras pessoas podemlog
digitar e obter umaconsole.log();
saída consistente sempre?No Atom, há um bom atalho para console.log () e eu queria o mesmo no VS Code.
Usei a solução de @kamp, mas demorei um pouco para descobrir como fazer. Aqui estão as etapas que usei.
Vá para: Arquivo> Preferências> Atalhos de teclado
No topo da página, você verá uma mensagem que diz: Para personalizações avançadas, abra e edite keybindings.json
fonte
Outra maneira é abrir o arquivo keybindings.json e adicionar a combinação de teclas desejada. No meu caso é:
fonte
Qualquer pessoa procurando por personalizações avançadas, abra e edite keybindings.json
Clique neste pequeno ícone para abrir keybindings.json.
Use este código para gerar console.log () e para gerar console.log ("Word") para o texto selecionado.
fonte
Ao digitar a palavra log , você verá algo assim:
Escolha aquele que diz Log para o console no caso de você ver diferentes opções de log (isso basicamente seria possível quando você tivesse algum identificador com o log de nomes.
Clique em Enter.
O intellisense fará o seu trabalho!
fonte
Caso alguém esteja interessado em inserir o texto atualmente selecionado na
console.log()
declaração:fonte
Digite 'clg' e, em seguida, pressione ctrl+ spacee pressione enterpara concluir automaticamente para
console.log()
.Para isso, você só precisa instalar uma extensão, ou seja, trechos de código JavaScript (ES6).
fonte
clg + tab
ou como mencionado acima,
log + enter (segunda opção no menu suspenso)
Esta é uma pergunta antiga, mas espero que seja útil para outra pessoa.
fonte
ChannelMergerNode
para mim!O abaixo é o texto selecionado atualmente com aspas simples. Espero que ajude
fonte
Aqui está uma solução melhor
fonte
Não sei qual extensão estou usando, mas simplesmente digito log e clico em tab para autocompletar console.log (); colocando o cursor entre as chaves.
fonte
Digite
co
e pressione tabou enter.Deve funcionar fora da caixa.
fonte
Como alternativa, você pode criar uma função fácil de escrever que invoque o console.log e, em seguida, basta chamar essa função.
fonte