hand Inicio
hand JSBloqs
hand GutenBloqs
Qu茅?
noched铆a

DESARROLLO WEB con
REACT y WORDPRESS

Ap煤ntate a la newsletter (escribo algo de tanto en cuanto)

C贸mo solucionar el caos de las nuevas l铆neas cuando utilizas distintos sistemas operativos con Prettier

200 palabras
1 minutos
September 23, 2020
blogvscodecss

La decisi贸n de Prettier era necesaria, la soluci贸n no parece todo lo sencilla que deber铆a ser, pero parece funcionar

  1. Por qu茅 este problema existe?
  2. C贸mo cambiar los car谩cteres?
  3. Hay alguna soluci贸n global?

Por qu茅 este problema existe?

El origen del problema es de sistemas operativos

Windows genera la combinaci贸n CRLF para una nueva l铆nea, mientras que Linux genera s贸lo la parte LF

  • CR: Carriage Return, \r
  • LF: Line Feed, \n

Pero esto ocurre desde siempre y nunca ha sido un problema

Qu茅 pasaba hasta hace relativamente poco tiempo?

Que pod铆as tener archivos con los dos formatos y nadie se quejaba, no pasaba nada de nada

Hasta que llego Prettier y su versi贸n 2.0.0

En esa versi贸n cambi贸 el valor por defecto de nueva l铆nea de auto a LF

El porqu茅 (as铆 lo explican ellos) es que estos cambios no pasan desapercibidos en git, con lo que vamos creando registros innecesarios cada vez que cambiamos estos car谩cteres que a nosotros nos importan poco menos que un bledo

La soluci贸n? Poner por defecto uno de ellos (que ha sido el LF), y listos

El problema? Que ahora todos nuestros archivos necesitan que manualmente les cambiemos estos car谩cteres

C贸mo cambiar los car谩cteres?

Tenemos que hacerlo manualmente para cada archivo

Esto es, a cada archivo le cambiamos con el vscode el final de l铆nea de CRLF a LF, para hacerlo tenemos un bot贸n en la barra de estado de abajo

Pero esto mismo no lo podemos hacer para todos los archivos, as铆 que tenemos que ir uno por uno apretando dicho bot贸n

Si no lo hacemos veremos como Prettier nos marcar谩 cada l铆nea con ese error, un desastre

Hay alguna soluci贸n global?

Pues podemos seguir los consejos de warlord0blog y a帽adir o editar los archivos siguientes para git y vscode

.gitattributes

text=lf
*.css linguist-vendored eol=lf
*.scss linguist-vendored eol=lf
*.js linguist-vendored eol=lf
*.php eol=lf
*.twig eol=lf
*.md eol=lf
*.mdx eol=lf
CHANGELOG.md export-ignore

.gitconfig

[core]
autocrlf = false

.settings.json de vscode

"files.eol": "\n",

A mi me ha ido la mar de bien 馃槑

Qu茅 tal la entrada?

馃憣 Bien 馃檶馃檶
馃憤 Bien, pero algunas cosas podr铆an explicarse mejor 馃槵
馃し鈥嶁檪锔 Da por sentadas demasiadas cosas 馃槖
馃し鈥嶁檪锔 A ver, hay poca chicha 馃槵
馃し鈥嶁檪锔 Los ejemplos no son muy claros 馃檱鈥嶁檪锔
馃し鈥嶁檪锔 No se entiende, est谩 mal escrito 馃憥
鉁嶏笍 Hay errores, rev铆salo en cuanto puedas 馃檹
Enviar Feedback 鉁嶏笍
El texto est谩 en blanco!
Gracias por enviarme tu opini贸n
馃憤

Si quieres explorar m谩s cursos y m谩s entradas en el blog, los tienes todos en la p谩gina principal, y si el contenido te ha ayudado dame las gracias por ejemplo por twitter con este enlace 馃憤

Privacidad
by kuworking.com
[ 2020 >> kuworking ]