React Avançado Extension Pack

Conjunto de plugins do VS Code utilizado no curso de React Avançado.

Extensões incluídas

• 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.

• Microsoft Visual Studio Live Share - Permite compartilhar o editor para fazer pair-programming.

• 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.

• One Dark Pro - Tema Dark utilizado no VScode.

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

• Visual Studio IntelliCode - Fornece recursos de desenvolvimento assistido por IA, baseados no contexto do código combinado com machine learning.

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/ReactAvancado/reactavancado-extension-pack

• 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 reactavancado-extension-pack-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 =)