Crea una cuenta o inicia sesión

¡Continúa aprendiendo sin ningún costo! Únete y comienza a potenciar tu carrera

Extensiones de VS Code para React Native

3/16
Recursos

Aportes 21

Preguntas 4

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

La extension de Bracket Pair Colorizer no hace falta instalar porque VisualStudioCode ya la tiene nativa. Solo hay que ir a settings y poner:

"editor.bracketPairColorization.enabled" : true,

Yo tengo las siguientes extensiones:
Prettier (Al guardar te ordena tu código)
eslint (me marca sintaxis de error)
Editorconfig (llevo mi configuración a cualquier editor)
Polacode (captura pedazos de código de una manera hermosa para compartir)
Gitlens (un pequeño hover de quien escribió esa linea de código)
Indent rainbow (visualmente ves las identaciones)
Live server (te levanta una pequeño servidor)
SVG (puedes ver y editar SVGs)

Luego de instalar la extensión ES7 React/Redux/GraphQL/React-Native snippets
a mi no me funciona: r n f
aparece otro código.

La extension de Prettier Code formatter no me funciona, ya active lo de save.

Para quienes tengan el autoguardado activado pueden presionar las teclas:
" shift + alt + f "
Y se aplicará el formateo del documento

O le dan click derecho y aparecerá las opciones donde por el medio aparece: format document y format document with… (para escoger si prettier u otro)

Que detalle que en u curso avanzado (para mi) se le dedique el tiempo a esto 💚💚💚

en el 2023 la extensión Bracket Pair Colorizer viene incluida en vscode

Hola Team Platzi. La extensión indicada: Bracket Pair Colorizer está Deprecated. !

Eso de formatear cada vez que guardas me ha cambiado la vida.

Estas extensiones en si no son para React , son para programar de modo cómodo con cualquier lenguaje
Aprecio mucho las recomendaciones pero lo sentí como un poco "no necesario". Quizá sería buena una leyenda como: Si ya conoces tu ambiente de desarrollo saltate esto El contenido real del curso comienza en la clase x etc

Definir idioma español en vscode
"Configure Display Language". Presione “Ctrl+Mayús+P” para que aparezca la instancia de “Paleta de comandos” y empiece a escribir “display” para filtrar y mostrar el comando "Configure Display Language

recordemos que lo mayores errores de dev son sintaxis
tremendo las extensiones nos ayudan mucho a programar

(Y)

Gracias

Buenísima la opción de formatear cada vez que se graba!

super bien! que belleza de curso. lo mejor, gracias platzi!

Hola Devs! Que bueno estar de vuelta por acá jee. Estoy ancioso por ver todo este material de RN. Actualmente estoy culminando una certificación en Udemy sobre RN y TS, pero siempre es bueno tener a otro aliado.

Para quienes utilicen la extensión de bracket-pair-colorizer-2, les comparto el arreglo de colores que pueden customizar a su gusto.
No olviden abrir su settings.json en VSCode y poner el siguiente array:

"bracket-pair-colorizer-2.colors": [
        "#fafafa",
        "#9F51B6",
        "#F7C244",
        "#F07850",
        "#9CDD29",
        "#C497D4"
    ],