Icono del sitio Blog de Programación y Desarrollo – Nube Colectiva

Como Crear un Proyecto con Vue JS Desde el Navegador en Línea

En estos días estuve buscando algunas herramientas de tipo editor que me permitieran trabajar en línea con código Vue JS, encontré buenas alternativas como CodePen, StackBlitz y otras más. Asimismo encontre la herramienta llamada Vue SFC Playground, la cual es una herramienta oficial de Vue JS que nos permite crear código en línea desde el navegador, sin necesidad de usar un editor de código. En este Post te enseñaré a Como Crear un Proyecto con Vue JS Desde el Navegador en Línea, vamos con ello.

Antes de continuar, te invito a leer los siguientes artículos:

Asimismo, te invito a escuchar el Podcast: “5 Consejos para ser un Programador más Productivo” (No son los clásicos consejos técnicos de programación, si no de rutinas y buenos hábitos cotidianos) y “Consejos Para Entrenar Tu Memoria de Programador (Anchor Podcast)”: 

Spotify: Sound Cloud: Apple Podcasts Anchor Podcasts

Bien ahora continuemos con el Post: Como Crear un Proyecto con Vue JS Desde el Navegador en Línea.

Como Crear un Proyecto con Vue JS Desde el Navegador en Línea

Para crear nuestro proyecto nos dirigimos a la herramienta Vue SFC Playground en donde rápidamente podemos escribir nuestro código y a un lado podemos ver una vista previa de como va quedando el proyecto:

Tienes algunas características que son útiles, por ejemplo puedes cambiar de modo Desarrollo a Producción, asimismo puedes ver el código del proyecto que se generan en las pestañas PREVIEW, JS, CSS Y SSR.

Una ves que termines de escribir el código de tu proyecto, puedes optar por descargar el código del proyecto, solo presiona el botón Download project files:

Asi de rápido puedes Crear un Proyecto con Vue JS Desde el Navegador en Línea, podrás encontrar más opciones en la plataforma que también te pueden ser útiles. Puedes ver resultado de mi proyecto en este enlace.

Conclusión

En este tutorial has aprendido a Como Crear un Proyecto con Vue JS Desde el Navegador en Línea, te recomiendo usar esta plataforma para escribir código rápido que te pueda ser de utilidad e implementarlo en tus proyectos que estas creando dentro de tu editor de código como Visual Studio Code, Sublime Text, etc.

Nota (s)

 

Síguenos en nuestras Redes Sociales para que no te pierdas nuestros próximos contenidos.

Salir de la versión móvil