Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Auto complete não está funcionando como esperado

O auto complete não funciona como os que ocorrem nas aulas, creio que ao percorrer do curso, irei acabar errando muitos códigos por conta disso e por meio de distração, existe alguma extensão usada na aula específica para React?

(print do VSCode com uma seta sobre o componente "Class" e exemplificando que o autocomplete não está "completando" como deveria )

1 resposta
solução!

Olá Josué, tudo bem contigo?

Entendo a sua preocupação com relação ao auto complete não estar funcionando corretamente. É importante lembrar que algumas extensões podem ajudar no desenvolvimento com React, mas nem sempre são necessárias para o funcionamento do auto complete.

Uma possível solução para o seu problema é verificar se a sintaxe do seu código está correta e se as dependências do seu projeto estão instaladas corretamente. Erros de sintaxe ou dependências faltando podem interferir no funcionamento do auto complete.

E caso você precise ou se interesse, aqui estão algumas extensões úteis para indentação e autocompletar parâmetros em projetos React no Visual Studio Code:

  1. Prettier:

    • Nome: Prettier - Code formatter
    • Descrição: Essa extensão formata automaticamente o código seguindo as regras do Prettier, garantindo uma indentação consistente e limpa.
    • Link: Prettier - Code formatter
  2. ESLint:

    • Nome: ESLint
    • Descrição: O ESLint é uma ferramenta de linting que ajuda a identificar e corrigir erros de sintaxe, além de promover boas práticas de codificação. Ele fornece sugestões de correção e destaca problemas no código em tempo real.
    • Link: ESLint
  3. Auto Import:

    • Nome: Auto Import
    • Descrição: Essa extensão ajuda a importar automaticamente módulos e componentes no seu código React, evitando a necessidade de digitar manualmente os imports.
    • Link: Auto Import
  4. Reactjs code snippets:

    • Nome: Reactjs code snippets
    • Descrição: Essa extensão adiciona uma série de snippets de código úteis para o desenvolvimento React. Com ela, você pode gerar automaticamente blocos de código para componentes, hooks, JSX e muito mais.
    • Link: Reactjs code snippets
  5. Bracket Pair Colorizer 2:

    • Nome: Bracket Pair Colorizer 2
    • Descrição: Essa extensão ajuda a identificar facilmente os pares de colchetes, chaves e parênteses correspondentes no seu código React, tornando a leitura e a edição mais convenientes.
    • Link: Bracket Pair Colorizer 2

Lembre-se de verificar as versões compatíveis de cada extensão para garantir que sejam compatíveis com a versão atual do Visual Studio Code e do React. Você pode instalá-las diretamente pelo Visual Studio Code, acessando o marketplace de extensões.

Em suma era isso, caso precise estarei aqui!

Espero ter ajudado, abraços e bons estudos!