7

Configuracion de prettier

Sebastián
jasba24
22561

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

Escribe tu comentario
+ 2
Ordenar por:
2
20813Puntos
4 años

muchas gracias bro

0
22561Puntos
4 años

Espero te haya servido

1

En este momento VSC tiene tres opciones de (json) en cual debo hacer el cambio: Default, User o Workspace?

1
4406Puntos
2 años

Hola! Alguien sabe como evitar los saltos de linea indeseados que genera prettier con los atributos de una etiqueta. Cuando hay muchos atributos resulta confuso el relacionamiento visualmente hablando y se vuelve muy extenso el código.

Gracias!!!

0
9153Puntos
4 años

Gracias fue realmente útil