Estoy haciendo un tutorial sobre el desarrollo web de pila completa con javascript y reacciono en el frente. Tengo muy poco conocimiento de html y no tengo conocimiento de javascript y reacciono de antemano.
Tengo un problema recurrente en el que escribo código en un archivo .js, pero la sangría parece estar desordenada y hace que las cosas no funcionen correctamente. De lo contrario, el código es perfecto.
Aquí hay un ejemplo de lo que escribí (que no funcionó).
import React, { Component } from 'react'; export default class RoomJoinPage extends Component { constructor(props) { super(props); } render() { return <p>This is the Join Room page</p> } }Aquí hay un ejemplo de código de trabajo:
import React, { Component } from "react"; export default class RoomJoinPage extends Component { constructor(props) { super(props); } render() { return <p>This is the room join page</p>; } }Entiendo que la sangría debe hacerse correctamente, pero ¿por qué vscode no sangra correctamente automáticamente? ¿Debo aprender a escribir código en archivos .js para que primero retroceda una sangría incorrecta y luego toque dos veces el espacio para corregirlo? ¿Que me estoy perdiendo aqui?
EDITAR: Fue un error para mí asumir que la sangría era un problema. No me di cuenta de que la declaración de devolución debería tener ; al final.
Por lo general, a JavaScript no le importa la sangría, por lo que su código seguirá funcionando. Sin embargo, será menos legible.
Sin embargo, hay algunas correcciones.
Una de ellas es usar Prettier . Para instalarlo, vaya a la pestaña Extensiones y busque "Prettier" . Instale el primer resultado.
Le preguntará cuál debería ser su formateador de código predeterminado. Seleccione Más bonito . ¡Su código debe formatearse cada vez que guarde el archivo!
Si está utilizando .jsx , es posible que deba seguir los pasos a continuación.
La extensión de archivo .jsx es diferente de .js . Esto puede confundir a Prettier sobre si debe formatear JSX o no.
Para cambiarlo, ve a Ajustes , luego busca Prettier . Agregue la extensión de archivo .jsx , ¡y listo!
Sin embargo, si desea utilizar el formateador incorporado, ¡puede comprobarlo aquí !
¡Estas soluciones deberían ayudarlo a formatear su JavaScript y JSX!