0
349
ViewsFormato extraño para nextJs (vscode)
Estoy usando más bonito como mi formador. Cuando leo una función JSX simple, se escribe como
function HomePage() { return; <div> <h1>Hello Next.js</h1> <p> Welcome to the home page</p> </div>; } export default HomePage;sin embargo, cuando se guarda, el formateador automático lo convierte en
function HomePage() { return; < div > < h1 > Hello Next.js < /h1> < p > Welcome to the home page < /p> < /div>; } export default HomePage;Apagué más bonito y apagué la mayoría de mis otras extensiones, pero esto no cambia, creo que es intrínseco a vscode de alguna manera. ¿Alguien tiene una solución?
1 answers
Answer question0
En la parte inferior derecha, haga clic en JavaScript , busque JavaScript React y presione enter (esto cambia el idioma y se embellece según React).
Haga clic en JavaScript:
Escribe Reaccionar y luego presiona enter. 
Guardar el archivo nuevamente debería autoformatearlo correctamente.
Puede hacer esto para todos sus archivos React (Next.JS), o simplemente en el directorio raíz de su aplicación NextJS, abra settings.json ( Ctrl + Shift + P → "Abrir configuración de espacio de trabajo (JSON)") e incluya lo siguiente :
"files.associations": { "*.js": "javascriptreact" }