0
205
Vistascómo cambiar el formato más bonito para reaccionar nativo
el formato de mi código más bonito no funcionó bien para reaccionar nativo, no entiendo dónde configurarlo, pero funciona bien con flutter
de este código
import { View, Text } from 'react-native' import React from 'react' export default function App() { return ( <View> <Text>Apps</Text> </View> ) }está formateado para esto
import { View, Text } from 'react-native' import React from 'react' export default function App() { return ( < View > < Text > Apps < /Text> < /View> ) }2 Respuestas
Responde la pregunta0
Hay un atajo para cada idea para formatear su código, por ejemplo, para Vscode Ctrl + Shift + I
Y use Prettier para formatear su código en todos los archivos
1- Primero puede instalar la extensión de código más bonita en su idea (Webstorm o código vs) https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode "para el código vscode"
2- Luego instale su paquete en sus dependencias npm install --save-dev --save-exact prettier https://prettier.io/docs/en/install.html
3- crea el archivo .prettierrc y pega este código en él
{
"arrowParens": "siempre",
"bracketSameLine": falso,
"espaciado entre corchetes": verdadero,
"embeddedLanguageFormatting": "automático",
"htmlSensibilidad de espacios en blanco": "css",
"insertPragma": falso,
"jsxSingleQuote": falso,
"ancho de impresión": 80,
"proseWrap": "preservar",
"quoteProps": "según sea necesario",
"requirePragma": falso,
"semi": cierto,
"comilla única": falso,
"ancho de tabulación": 2,
"coma final": "es5",
"useTabs": falso,
"vueIndentScriptAndStyle": falso
}
4-Añadir
"guiones": {
...
"embellecer": "más bonito --escribir"
}
script a su archivo package.json
Ejecute npm run prettify cada vez que crea que su código es feo
0
Bueno, encontré la respuesta de inmediato jajaja
- presione f1 elija Formatear documento con
- y seleccione más bonito por defecto
