O Visual Studio Code é um código-fonte aberto desenvolvido pela Microsoft, portanto, você pode ter a certeza de usá-lo, pois é totalmente gratuito e está sempre atualizado com as versões mais recentes. Além disso, também é muito adequado para o desenvolvimento de projetos grandes e complexos e oferece suporte à integração com Git. Esta ferramenta também fornece extensões para nos ajudar a escrever código mais rápido, gerenciar arquivos de forma eficiente …
Se quiser saber mais ou baixá-lo, você pode paginar o código do Visual Studio
Debugger for Chrome
O Debugger for Chrome ajuda a depurar erros de código de programa direto no VS Code, sem usar ferramentas de desenvolvedor no Google Chrome. Ele também tem muitos recursos úteis, como definir pontos de interrupção, exibir console …
JavaScript (ES6) code snippets
Os trechos de código JavaScript (ES6) chamam rapidamente a estrutura de uma função ou propriedade … em js por meio da sintaxe fornecida. Por exemplo, quando você digita clg, ele compilará automaticamente para console.log (objeto). Este você pode consultar a tabela de anotações em sua página de configurações. Além disso, ele também suporta muitas linguagens na extensão do arquivo, como TypeScript, JavaScript React, TypeScript React, Html e Vue.
Live Server
O Live Server ajuda a lançar servidores locais rapidamente com recarga automática ao vivo para páginas da web estáticas e dinâmicas. Por exemplo, quando você altera uma informação em uma página HTML, ela será atualizada automaticamente sem que tenhamos que pressionar recarregar no navegador. Ele também tem muitas opções para configurações de usuário, como número de porta personalizado, configuração de navegador padrão, suporte SVG, https, proxy …
Auto Close Tag
Auto Close Tag ajuda a fechar automaticamente as tags ao abrir a tag no projeto. Por exemplo, quando você digita, ele adiciona automaticamente . Além disso, ele também tem suporte para muitas outras linguagens como XML, PHP, Vue, JavaScript, TypeScript, JSX, TSX … ele também tem algumas configurações que facilitam a edição, como definir um fechamento dinâmico de lista de tags não automática, use os atalhos do teclado para adicionar manualmente as tags de fechamento …
Prettier – Code formatter
Mais bonito – o formatador de código ajuda a reformatar seu código automaticamente e a criar um estilo de código comum para a equipe de programação por meio de suas próprias regras definidas pela extensão. Ele também oferece suporte a uma variedade de linguagens, como JavaScript, TypeScript, Flow, JSX, JSON, HTML, Vue, Angular …
TODO Highlight
TODO Highlight ajuda a destacar comentários importantes em seu código para que os programadores posteriores ou nós mesmos possamos entender o que observar ou o que fazer antes de usar e codificar. Além disso, ele também tem uma série de temas lindamente desenhados, suportando muitas linguagens como javascript, html, css, php …
Auto Rename Tag
Auto Rename Tag ajuda a renomear automaticamente ambos os pares de tags em HTML e XML. Por exemplo, quando você altera o nome da tag de abertura, a tag de fechamento correspondente também será alterada automaticamente. Você pode ver um exemplo detalhado na seção Usos.
Better Comments
Melhores Comentários exibe comentários em categorias separadas, tornando mais fácil categorizar e visualizar, como anúncios importantes para destacar, avisos, tarefas … Além disso, você pode personalizar para se adequar aos seus propósitos e preferências, como configuração de sintaxe de comentário, edição de cor de fundo para comentários.
ESLint
ESLint é uma ferramenta que analisa o código no programa para encontrar erros, bem como o código que precisa de melhorias. Além disso, ele também fornece soluções para otimizar ou corrigir erros mais rapidamente. Você também pode personalizar o analisador ESLint para se adequar ao seu propósito ou projeto.
Beautify
Beautify é um utilitário que ajuda a reformatar a forma como seu código é exibido de uma forma mais bonita. Suporta linguagens populares como Javascript, JSON, CSS, Sass e HTML.
Bracket Pair Colorizer
Bracket Pair Colorizer é uma extensão que destaca os colchetes correspondentes no código entre si usando cores. Ele ajuda você a detectar facilmente os colchetes ausentes ou ter uma visão visual quando há muitos colchetes aninhados no código.
Path Intellisense
Path Intellisense é uma extensão que ajuda a executar nomes de arquivos automaticamente (autocompletar nomes de arquivos), sugerindo caminhos toda vez que você digita o caminho para onde o arquivo está armazenado.
Import Cost
O Custo de Importação permite verificar facilmente o tamanho dos arquivos importados por meio das informações exibidas diretamente no código na hora da importação.
Code Time
Code Time ajuda você a calcular o tempo de trabalho no código do Visual Studio. Além disso, também resume o tempo que você gasta em cada projeto, o nível de trabalho com o código através do gráfico dos dias da semana, mostrando o valor médio do tempo que você trabalha em um mês …
CSS Peek
A extensão CSS Peek ajuda a encontrar os ids ou classes de tags HTML em arquivos CSS que contêm essas classes ou atributos. Além disso, também permite acessar esses arquivos CSS instantaneamente.
Project Manager
A extensão do Project Manager torna mais fácil alternar entre projetos no VS Code. Ele fornece um submenu para que você possa armazenar projetos para trabalhar e alternar rapidamente.
Browser Preview
A Visualização do navegador exibe o navegador diretamente no Visual Studio Code para que você possa ver os resultados e depurar o programa com mais facilidade.
GitLens – Git supercharged
GitLens – Git supercharged é um utilitário que fornece muitos recursos úteis para ajudá-lo a trabalhar melhor com o Git, como exibir comentários para cada linha de código sobre o desenvolvedor do commit, exibindo informações detalhadas sobre o código de revisões em Arquivo …
Polacode
Polacode é um utilitário que ajuda você a tirar uma foto do seu código e salvá-lo facilmente no seu computador. Além disso, você também pode escolher entre temas pré-concebidos para ajudar o código a se destacar e ser mais bonito durante o processo de filmagem.
vscode-icons
vscode-icons é um utilitário que permite configurar muitos ícones bonitos para o Visual Studio Code.
Settings Sync
A Sincronização de Configurações torna mais fácil salvar as configurações do Visual Studio Code em seu computador no Github e usá-lo para outras máquinas facilmente, como informações sobre extensões ou configurações de que você precisa. configurar … Agora você pode configurar facilmente para muitas máquinas diferentes sem ter que recuperar as extensões e configurações que instalou para o VS Code.
Quokka.js
O Quokka possibilita que você teste cada pequeno pedaço de código Javascript, TypeScript e exiba-o diretamente no VS Code sem usar console.log () para exibi-lo no navegador.
EditorConfig for VS Code
EditorConfig é uma extensão que ajuda a manter a consistência do estilo de código para vários desenvolvedores que trabalham no mesmo projeto. E cada programador pode trabalhar em muitos editores de código diferentes, como VSCode, Atom, Notepad ++ … tudo oferece suporte a plug-ins em cada plataforma que ajudam os programadores a ler e editar o código de estilo um de cada vez.
Material Icon Theme
Material Icon Theme é um utilitário de configuração de ícone do Material Design para Visual Studio Code.
Color Highlight
Color Highlight é um utilitário que ajuda a exibir as cores dos objetos encontrados na página. Por exemplo, muitos códigos de cores que o VS Code não pode exibir, este utilitário é uma ótima escolha para você.
REST Client
O cliente REST permite enviar solicitações HTTP e visualizar os resultados diretamente no Visual Studio Code.
Live Share
O Live Share ajuda os desenvolvedores da equipe a compartilhar o código no programa em tempo real para editar e depurar facilmente o programa, como compartilhar sessões de depuração, instâncias de terminal, aplicativos da web localhost, chamadas de voz …
Code Spell Checker
O verificador ortográfico de código ajuda a verificar a ortografia do código no programa. No entanto, ele suporta apenas idiomas como inglês, sueco, francês, alemão …
Vetur
Vetur é uma extensão que fornece ferramentas úteis para VueJS, como depuração, verificação de erros, destaque de sintaxe, snippet …
ES7 React / Redux / GraphQL / React-Native snippets
ES7 React / Redux / GraphQL / React-Native snippets é uma extensão que fornece snippets para React, Redux e Graphql em JS / TS com sintaxe ES7. Você pode consultar a tabela de sintaxe em sua página principal!
