Skip to content

Configurando o Visual Studio Code

Recomendamos que você siga os passos abaixo para configurar o Visual Studio Code visando o desempenho e padronização do código.

Extensões recomendadas

  1. Instale a extensão Vue - Official para o Visual Studio Code.

  2. Instale a extensão Prettier - Code formatter para o Visual Studio Code.

    TIP

    Veja como configurar o Prettier

    • Ou busque por Prettier nas extensões do Visual Studio Code.

      Configuração do Prettier
    • Após instalar, acesse as configurações do Visual Studio Code de acordo com a imagem abaixo.

      Como acessar as configurações
    • Na tela de configurações, clique em Abrir Configurações (JSON).

      Como acessar as configurações
    • Insira as configurações abaixo no arquivo settings.json e salve.

      json
      {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
      }
      Como acessar as configurações
    • Ou se preferir, pesquise por default formatter nas configurações do Visual Studio Code e selecione o Prettier - Code formatter.

      Como acessar as configurações
  3. Instale a extensão ESLint para o Visual Studio Code.