Lista de la Compra creada con Vue, Vue Router, Vuex mediante Vue Cli

Aplicación que permite añadir elementos de la lista de la compra En diferentes archivos se guarda cada componente que se renderizará en router-view.

Aspecto de la aplicación

La APP irá almacenando en un Array que se almacena en el LocalStorage del equipo los valores introducidos en el formulario referentes a: articulo a comprar, cantidad, prioridad. Además se guardará un estado de la compra de ese artículo y un identificador unívoco generado con la función random de Math. Todo ello se puede comprobar observando el código.

Portada de la app

Descargar la aplicación:

git clone git@github.com:amartinr1977/Curso_JS-Enlaces-APP-Lista_Compra-Vue_Vuex_Router-Vue-Cli.git

Instalando las dependencias

Una vez descargado el código de la APP será necesario instalar todas las dependencias usadas en ella mediante npm install:

Curso_JS-Enlaces-APP-Lista_Compra-Vue_Vuex_Router-Vue-Cli
npm install

Comprobación del funcionamiento

Para comprobar su funcionamiento arrancaremos el script que inicia el sevidor que dará servicio a la APP:

npm run serve

Construir de nuevo la APP:

Una vez la modifiques, la adaptes, etc ... si quieres disponer de código necesario para poner la APP en producción ejecutarás el siguiente comando:

npm run build

El resultado lo tendrás en el directorio /dist que se creará.