Olá Tiago, tudo bem?
Isso geralmente está relacionado a alguma extensão de formatação automática no VS Code. No seu caso reparei que há o uso do Prettier, que está reformatando seu código ao salvar. Para resolver:
Verifique as Extensões Instaladas: Vá até a aba de extensões no VS Code (ícone de quadrado no painel lateral) e procure por "Prettier".
Configurações do Prettier: Se estiver usando o Prettier, você pode ajustar as configurações para que ele formate o código da maneira que você prefere. Vá em File > Preferences > Settings
e procure por "Prettier". Você pode ajustar opções como espaçamento, uso de ponto e vírgula, etc.
Desativar Formatação ao Salvar: Para desativar a formatação automática ao salvar, você pode adicionar a seguinte configuração no seu arquivo settings.json
do VS Code:
"editor.formatOnSave": false
Configuração Específica por Linguagem: Se preferir, você pode desativar a formatação automática apenas para HTML, CSS ou JavaScript. No settings.json
, adicione:
"[html]": {
"editor.formatOnSave": false
},
"[css]": {
"editor.formatOnSave": false
},
"[javascript]": {
"editor.formatOnSave": false
}
Experimente essas opções e veja qual delas resolve o seu problema. Porém saiba que geralmente essa formatação é aplicada com foco em organização e muitas pessoas desenvolvedoras optam por utilizar, então é comum ver essa formatação.
Espero ter ajudado. Conte sempre com o apoio do fórum :)
Um abraço e bons estudos!
Caso este post tenha lhe ajudado, por favor, marcar como solucionado