Solucionado (ver solución)
Solucionado
(ver solución)
1
respuesta

[Duda] Formateador de código usado en video "Escuchando eventos"

He notado en el video del profe, al ingresar el siguiente código

const btn = document.querySelector("[data-form-btn]");

Este cambió automáticamente las comillas dobles a comillas simples en el trozo de código data-form-btn cuando guardó y he notado que dependiendo de si son comillas simples o dobles, se muestra de diferente forma en la consola al presionar el botón, como puedo formatear de esa forma el código JS?

1 respuesta
solución!

¡Hola Estudiante!

En el video "Escuchando eventos", el profesor utilizó un formateador de código que automáticamente cambió las comillas dobles por comillas simples en el trozo de código data-form-btn. Esto es simplemente una preferencia de formato y no afecta el funcionamiento del código.

Si estás buscando un formateador de código similar, existen varias herramientas en línea que pueden ayudarte. Una opción popular es Prettier, que es una herramienta de formateo de código para varios lenguajes de programación, incluyendo JavaScript.

Puedes utilizar Prettier en tu proyecto siguiendo estos pasos:

  1. Instala Prettier en tu proyecto ejecutando el siguiente comando en la terminal:
npm install --save-dev prettier
  1. Crea un archivo .prettierrc en la raíz de tu proyecto y configura las reglas de formato según tus preferencias. Por ejemplo, para cambiar las comillas dobles por comillas simples, puedes agregar la siguiente configuración:
{
  "singleQuote": true
}
  1. Configura tu editor de código para que utilice Prettier automáticamente al guardar un archivo. Esto dependerá del editor que estés utilizando, pero generalmente puedes encontrar extensiones o configuraciones específicas para Prettier.

Una vez configurado, cada vez que guardes un archivo JavaScript, Prettier formateará automáticamente el código según las reglas establecidas en el archivo .prettierrc.

Recuerda que el formateo del código es una preferencia personal y puede variar según el equipo de desarrollo o las convenciones del proyecto en el que estés trabajando.

¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios! :)