Frontend Aprendiz

IDE y extensiones

Siguiendo la recomendación de la documentación oficial, configuramos Visual Studio Code y la extensión Volar.

Esta lección no cuenta con recursos adicionales.

Si crees que hace falta algo, o necesitas ayuda, puedes publicar una pregunta en el foro.

Para trabajar con Vue no necesitas ningún IDE o editor de texto en particular, puedes usar el de tu preferencia. Inclusive puedes programar con Vue desde un blog de notas, pero eso no es recomendado porque no tendrías un resaltado de sintaxis. En este caso yo voy a seguir la recomendación de la documentación oficial y voy a usar Visual Studio Code. Si tú usas otro IDE, otro editor de texto con el que te sientes más cómodo, no hay problema, puedes usar Sublime Text, Atom, etcétera. En este caso yo voy a usar Visual Studio Code y voy a abrir entonces la carpeta del proyecto. Tras abrir la carpeta del proyecto nos vamos a encontrar con esta estructura inicial. Esta estructura fue creada con el comando init que usamos en la lección anterior. ¿Qué significa todo esto? Para empezar no te preocupes por todos los archivos que aquí se han creado, puedes enfocarte en la carpeta SRS que significa Source y que es la que contiene el código de nuestra aplicación Vue. Aquí en el interior nos encontramos con un archivo App.vue que representa nuestro componente principal. Como vemos la sintaxis no se encuentra resaltada correctamente. Para habilitar ello vamos a usar la extensión llamada volar, que es lo que recomienda también la documentación. Entonces en Vue Code nos vamos a Extensions y vamos a buscar volar. Aquí tenemos volar. Vue Language Fishers. Aquí vemos este check azul, esto representa que es un paquete oficial. Vamos a dar clic a instalar. Luego de ello cerramos y como vemos ya se encuentra activo el resultado de sintaxis.

¿Tienes dudas?

Publicar pregunta

¡Comparte conocimiento!

X

Volver al índice

Regístrate

Inicia sesión para llevar un control de tu progreso.

Capítulos




04

IDE y extensiones
























































































































Espera un momento ...

¿Te gustaría llevar mi curso de Laravel, gratis?

Sólo debes ingresar tus datos: