Compartilhe alguns plug-ins comuns para o desenvolvimento de VSCode

Este artigo apresenta e compartilha alguns plug-ins comuns necessários para o desenvolvimento do VSCode. Existe um certo valor de referência, amigos necessitados podem se referir a ele, espero que seja útil para todos.


Recomendação relacionada: "tutorial vscode"

Visual Studio Code deve ter plug-ins comuns
Red é uma recomendação forte, a não perder o (∩_∩) o

Pacote de Idioma Chinês (Simplificado) para Visual Studio Code
Pacote Chinês Simplificado

Prettier-Code formatador é o
formato mais forte, nenhuma refutação é aceita (desinstale o JS-CSS-HTML Formatter na app store para evitar a formatação automática ao salvar)

Snippets de HTML Fragmentos de
código H5 superpráticos e elementares e solicitam a compilação e execução do código do

Code Runner
para ver os resultados , suporta muitos idiomas

GitLens
rich O plug-in git log

vetur
vue sintaxe realçando, intellisense, Emmet e outros

HTML CSS Support
permitem que a tag html escreva classe para solicitar de forma inteligente o estilo suportado pelo projeto atual. A nova versão já suporta a recuperação de arquivos scss. Este também é um dos plug-ins necessários.

Auto Close Tag faz a
correspondência das tags e fecha as tags correspondentes. Muito prático [HTML / XML]

Auto Rename Tag
modifica tags html e automaticamente ajuda você a completar a modificação síncrona da tag

final fechada.


Trechos de código de JavaScript (ES6) de prompt inteligente de caminho
Este plug-in fornece suporte de sintaxe ES6 para JavaScript, TypeScript, HTML, React e Vue.

O
navegador do Live Server é atualizado em tempo real. Clique com o botão direito em "Abrir com Live Server" para abrir e

abrir no navegador
para visualizar os arquivos html do navegador e use o

colorizador de par de colchetes do navegador padrão atual do sistema para
fazer com que os colchetes tenham cores independentes, o que é fácil de distinguir. Pode ser usado com qualquer tema.

ESLint
ESLint detecção e verificação de código

vscode-icon
permite que o diretório da árvore de recursos vscode adicione ícones, o que é obrigatório!

O Debugger para Chrome
permite que vscode mapeie a função de depuração de chrome, e páginas estáticas podem ser depuradas com vscode. Realmente 666 ~

IntelliSense para nomes de classes CSS em HTML
solicita de forma inteligente o nome no arquivo css no projeto no miniaplicativo WeChat html

minapp
Smart conclusão de rótulos e atributos (suporta miniaplicativos nativos, estruturas mpvue e wepy, e fornece snippets)

CSS Peek
rastreia a definição de classe CSS na folha de estilo
ctrl + classe de clique do botão esquerdo do mouse ou botão direito do mouse "pular para a definição (F12)"

Manta's Stylus Supremacy
Formats stylus

jQuery Code Snippets
jquery Um imperativo para pacientes severos

Classes autocomplete para HTML
Amigos que escrevem código html é uma manifestação principal do código html é a repetição, se puramente à mão, não apenas cansado, mas também afetam o progresso do projeto , este plug-in de conclusão automático é realmente ótimo;

JavaScript Snippet Pack é
um plug-in para js, que contém palavras-chave gramaticais comuns de js, o que é muito prático;

Path Autocomplete é uma ferramenta para
completar códigos de formatação de

embelezamento de maneira inteligente
, que podem formato JSON | JS | HTML | CSS | SCSS, é melhor do que a formatação embutida.

Use o
código HTMLHint html para detectar

VSCode Great Icons.
Outro ícone de diretório de árvore de recursos

colorize
adicionará um plano de fundo da cor do código correspondente atual ao código de cores. É muito bom que o

Color Info
forneça as cores em CSS Related Information. Você só precisa passar o cursor sobre a cor para visualizar as informações relevantes do modelo de cor (HEX, RGB, HSL e CMYK) no bloco de cores.

O
modelo de comentário no topo do vscode-fileheader pode definir o autor, a hora e outras informações, e irá atualizar automaticamente a hora da última modificação

.
modelo de comentário js (observação: a nova versão do vscode tem suporte nativo, insira a guia / ** na função)

filesize
exibe o tamanho do arquivo atual na barra de status inferior. Depois de clicar, você também pode ver a hora detalhada de criação e modificação de

Bootstrap 3 Bootstrap
comumente usado

pelo Sinnpet Você pode baixar o
código VueHelper vue para exibir os

Favoritos como
uma ferramenta de favoritos, e ainda é necessário o plug-in integrado

tortoise-svn
SVN.

Temas recomendados
Nota: Defina a opção no tema arquivo-preferências-cor

Drácula Theme

One Dark Pro

monoka