Buenas!

Como habiamos hablado en la ultima JS101, hay muchos que vienen con pc's que no se puede instalar node por una u otra razon. Por eso, habia propuesto que estaria bueno hacer un editor de codigo online que corra en el browser.

Queria aprender a usar Vue + Quasar, asi que aca esta la primera version del mismo:

Repo:
https://github.com/ipsilondev/js101-editor

Demo:
http://js101.ipsilondev.com/#/

Caracteristicas principales:

• Esta echa en modo SPA
• Editor es codemirror, configurado para JS
• Todo es Vue + Quasar.
• Autosave de los archivos en local storage
• Exportacion de los archivos a zip
• Emulador de consola de parseo (ejecuta el codigo en eval() estricto y soporta errores del tipo ReferenceError, SyntaxError, TypeError
• No hay limite de archivos ni de codigo a ejecutar (el unico limite serian los 5MB de local storage).

La testee bastante y creo que esta usable. Excepto un hack que tuve que realizar para poder capturar los SyntaxError de manera correcta, todo lo demas es standard. Si no me apego a alguna convencion de buenas practicas en Vue / Quasar, pido disculpas por adelantado, es la primera vez que hago algo con esto.

Estoy abierto a bugs report, y a cualquier sugerencia de como lo podemos mejorar para poder usarlo en las clases!

Gracias :D