Configuracion de prettier

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