Seguramente durante el curso han visto que al profesor automaticamente cuando escribe props o atributos se le acomodan uno debajo del otro esto es gracias a prettier y aqui podras configurarlo para no perder tiempo acomodando los props adecuadamente,
Primero hay que instalar Prettier, despues de instalado deben buscar su settins.json para eso pueden usar
ctrl + mayus + p
y seleccionar o buscar la opcion
open settings (json)
y en este archivo agregar las siguientes propiedades
"editor.formatOnSave": true,
"editor.defaultFormatter": "esbenp.prettier-vscode",
"prettier.jsxBracketSameLine": false,
ademas pueden agregar otras configuraciones muy buenas
// cambiar las comillas dobles por simples,"prettier.singleQuote": true,
// cambiar las comillas simples por dobles,"prettier.singleQuote": false,
// agregar punto y coma"prettier.semi": true,
// quitar punto y coma"prettier.semi": false,
// agregar espacios al momento de importar una dependencia entre llaves"prettier.bracketSpacing": true,
// quitar los parentesis en una arrow function cuando se escribe un solo parametro"prettier.arrowParens": "avoid",
// agregar los parentesis en una arrow function cuando se escribe un solo parametro"prettier.arrowParens": "always",
PD: si usan el auto save de vsc para poder que funcione prettier deben dar guardar el archivo manualmente la forma mas facil es ctrl + s
muchas gracias bro
Espero te haya servido
Gracias fue realmente útil