Recentemente, selecionei os plug-ins vscode que considero fáceis de usar e usados com frequência.
1. Plug-in Emmet
Exemplo: gere rapidamente 5 li tags com item de classe e o texto do conteúdo é preenchido com 3 palavras
código:ul>li*5.item>lorem3
Explicação do código:
- " > ": gera elementos filho;
- " * ": a quantidade a ser gerada;
- " . ": a classe do elemento
- " lorem ": texto falso de número aleatório, que é para gerar palavras aleatórias, seguido do número para indicar o número correspondente de palavras a serem geradas
Renderizações:
2. Plug-in de visualização de imagem para navegar pelas fotos rapidamente
Baixe um plug-in chamado "Visualização de imagem" no repositório de extensões vscode. Este plug-in pode sincronizar facilmente e nos ajudar a visualizar as imagens que usamos.
Renderizações:
3. Serviço de atualização em tempo real do plug-in Live Server
Normalmente, quando modificamos o código ou escrevemos algumas coisas novas, precisamos atualizar manualmente a página para ver essas alterações. Então será muito problemático. Neste momento, o Live Server pode me ajudar a resolver esse problema muito bem.
Depois de baixar o plug-in, haverá um "Go Live" abaixo, clique para iniciar um serviço de atualização em tempo real para obter a atualização síncrona da página.
Renderizações:
4. Pré-visualização do Markdown Melhore a pré-visualização do documento markdown do plug-in
Temos documentos leia-me em muitos projetos ou precisamos escrever documentos nós mesmos. Este plug-in pode nos ajudar a melhorar a eficiência da leitura e gravação de documentos.
Renderizações:
5. plug-in chatgpt
Baixe a versão chinesa do plug-in chatgpt plug-in, não há necessidade de passar por cima do muro e pode fornecer uma consulta rápida quando digitamos o código, o que é bastante conveniente.
dica: atualmente grátis
Renderizações:
6. Plug-in TypeScript Vue (Volar)
Por padrão, vue3➕ts apresentará um prompt de aviso da seguinte forma ao importar um arquivo vue
Como resolver esse problema rapidamente é baixar o plug-in TypeScript Vue Plugin (Volar) , que também é uma das soluções oficiais.
Ao usar o vue3➕ts, é recomendável baixar e ativar este plug-in.
7. koroFileHeader é um plug-in para gerar comentários de cabeçalho de arquivo e comentários de função
Eu não estava muito acostumado a usar este plug-in no começo e senti muito desconforto, mas parece bom depois que me acostumo mais tarde.
Renderizações:
8. Verificação ortográfica da palavra do verificador ortográfico do código
Definitivamente recomendo este plugin! ! Para mim, que sempre escrevo palavras erradas, é uma estrela da sorte. Este plug-in foi recomendado por um amigo antes. É muito fácil de usar. Ele nos avisará a tempo de que as palavras podem ser digitadas incorretamente e pode ser reparado com um clique! ! ! !
Renderizações:
É fácil de usar, ei, e clicar em reparar com um clique nos ajudará automaticamente a reparar várias palavras "erradas" de forma síncrona.
9. Tabnine AI Autocomplete completa automaticamente o código
O plug-in abnine fornecerá sugestões de preenchimento automático com base no contexto do seu código, incluindo variáveis, funções, propriedades do objeto, etc. Ele também pode reconhecer padrões de código e sintaxe comuns para fornecer sugestões mais precisas. É muito útil, mas parece que também existe um colipt, mas ainda não o usei. Posso tentar da próxima vez.
renderizações
10. Prettier - Formatador de código Prettier é uma ferramenta popular de formatação de código
Ele ajuda você a formatar automaticamente seu código de acordo com um estilo e especificação consistentes.
renderizações
Vou adicioná-lo mais tarde, escreva o que vier à mente