Tava assistindo as aulas do Prof. Isidro e tive a ideia de criar esse tópico de dicas para o VSCode.
A primeira dica que pensei é a extensão Live Server. Com ela, você não precisa recarregar a página toda vez para ver como seu código renderizou. Quando vc salva o código, a página já atualiza sozinha.
Segue o link para download, e deem mais dicas para o pessoal!
https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer
Outra dica:
Se vc quer criar, por exemplo, uma lista com id=“tarefas”, contendo 5 itens de class=“tarefa” com um link em cada, vc pode escrever somente “ul.tarefas>li#tarefa*5>a”.
Economiza um bom tempo em vez de escrever um item de cada vez.
Show! Obrigado por compartilhar.
Minhas extensões preferidas do VSCode:
Deem mais dicas pro pessoal pra eu não ficar falando sozinho kkkk
Show de bola essa Auto Rename Tag, não conhecia @aricyrulin !!
Como simples adição a essas que também uso, seria o Material Icon Theme pra dar uma carinha mais bonita pros ícones do VSCode.
Essa extensão é ótima, e muito eficiente.
Eu estou usando o tema Aura → link aqui
O tema Dracula também é muito bom → link aqui
Também utilizo o Material Icon Theme que ajuda demais na visualização dos arquivos do projeto (assim como o @danielcirillo comentou acima) → link aqui
*p.s. Estou testando a extensão “Cucumber (Gherkin) Full Suport” para facilitar a edição dos arquivos .feature utilizados no cucumber-js… não sei se é boa, mas vou deixar o link aqui também
Boa ideia,Aricyrulin. Eu costumo usar algumas extensões para ganhar mais produtividade.
As extensões que eu uso são: Live server; Color highlight; Auto Rename Tag, SVG Previewer;
Costumo usar como Tema o Dracula.
Além dessas que você falou, também gosto da Bracket Pair Colorizer
ela ajuda a fechar os parênteses e colchetes certinhos porque deixa os pares em cores iguais
semelhante ao que acontece na barra de fórmulas do Excel
Uma das extensões que comecei a usar a pouco tempo no VSCode foi o tabnine, ele consegue sugerir trechos de códigos com base no que você está programando e conforme mais você usa mais acertivo ele fica nas sugestões.
Agora tem uma configuração nativa do VSCode pra isso! Não precisa mais da extensão! @PalomaBC
Eu até daria alguma dica se soubesse, kkkkkkkkkk, tô iniciando agora no ramo, saindo do 0, então eu tô mais consumindo as dicas mesmo kkkkkk
Que topico maravilhoso, to instalando tudo kakakaka
Tem algum pra ele ficar bem organizado?
Prettier Code
quando fizer seu codigo aperte: ctrl + shift + f.
Boa!
Se usar essa configuração abaixo, nem precisa dar o ctrl shift f. Só salvar que ele já formata sozinho:
Vi q eu errei aqui, e não está me deixando editar.
Tem q trocar onde ta o “.” por “#” e vice-versa. Mas acho q entenderam hehe.
