caiocaprio / vscode-extensions

vscode-extensions

Meu Conjunto de plugins do VS Code.

Extensões incluídas

• ES7 React/Redux/GraphQL/React-Native snippets - Esta extensão fornece fragmentos de JavaScript e React / Redux no ES7 com recursos de plug-in Babel para VS Code

• EditorConfig for Visual Studio Code - Esse plugin sobreescreve as configurações do editor baseado no arquivo .editorconfig local.

• VS Code ESLint extension - Integra o Eslint no editor para buscar erros.

• Prettier Formatter for Visual Studio Code - Um plugin que roda o prettier para formatar arquivos.

• Auto Rename Tag - Automaticamente renomeia a tag par que está sendo modificada.

• vscode-duplicate - Facilita para duplicar arquivos e também diretórios inteiros.

• VSCode Advanced New File - Permite criar arquivos e pastas de forma mais prática.

• Git Blame - Mostra na barra de status o commit que modificou a linha selecionada.

• Apollo GraphQL for VS Code - Um conjunto de ferramentas para trabalhar com GraphQL e Apollo, incluindo syntax highlighting e autocomplete.

• vscode-styled-components - Syntax highlighting para Styled Components.

• VS Code JavaScript (ES6) snippets - Alguns snippets úteis para JavaScript.

• vscode-jest-snippets - Alguns snippets úteis para Jest (framework de testes).

• JS JSX Snippets - Alguns snippets úteis para React e JSX em si.

• Snippets úteis para NextJS - Alguns snippets úteis para NextJS.

• JavaScript and TypeScript Nightly - Habilita o suporte JavaScript e TypeScript para as próximas versões.

• Color Highlight - Esta extensão estiliza as cores css / web encontradas no seu documento.

• Doxygen Documentation Generator - Fornece geração de documentação do Doxygen em tempo real, iniciando um bloco de comentário do Doxygen e pressionando enter.

• Duplicate action - Capacidade de duplicar arquivos e diretórios no código VS

Gostaria de instalar somente algumas extensões?

Para instalar somente algumas das extensões, basta editar o arquivo package.json removendo as extensões não desejadas do extensionPack e depois siga os procedimentos abaixo para instalar localmente.

Como desenvolver e instalar localmente

• Clone o repositório

$ git clone https://github.com/caiocaprio/vscode-extensions

• Instale o vsce

$ npm install -g vsce

• Crie o pacote da extensão

$ vsce package

• Instale a extensão através do arquivo .vsix

1. Abra o VS Code
2. Selecione Extensions do menu
3. Clique em More > Install from VSIX...
4. Selecione o arquivo vscode-extensions-x.x.x.vsix
5. Clique em Reload Now para recarregar o VS Code

Tem alguma extensão que gostaria e não tem?

Basta abrir um PR com a extensão e ficarei feliz em analisar =)