Nunjucks con Express

Express es un framework para JavaScript/Node que ayuda a facilitar el desarrollo de aplicaciones con node ya sea para crear en unas cuantas lineas un servidor web o facilitar la definición de rutas. Dentro de las características de una aplicación desarrollada con express y la arquitectura MVC es la definición de la Vista o Template, con express se pueden definir diferentes motores de plantillas entre los mas populares: Pug, Ejs, Handlebars, etc.

Vue - Vue-CLI

Vue - Vue-CLI Vue-CLI es una utileria que nos permite crear estructuras de proyectos para trabajar con Vue, su uso es similar al de Angular-CLI Instalación de Vue-Cli $ npm install -g vue-cli Crear un proyectos # vue init [platilla] [Nombre del proyecto] $ vue init webpack-simple vuejs-playlist Una vez creado el proyecto, probamos que todo funcione correctamente # Nos movemos a la carpeta del proyecto $ cd vuejs-playlist # Instalamos las dependencias necesarias para el proyectos $ npm install #Ejecutamos el servidor local $ npm run dev Al ingresar a la dirección http://localhost:8080/ se debería visualizar la pagina de inicio de Vue.

Vue - Componentes

Vue - Componentes Los componentes nos permiten reutilizar código creando nuestros propios elementos HTML con su propia lógica. Para que el componente pueda tener acceso a las variables de la instancia es necesario que data sea una función que regresa las variables y/o lógica necesaria para el componente <div id="app"> <p>Ambos componentes estan en la misma instancia</p> <p class="comentario">Primer componente</p> <contador></contador> <p class="comentario">Segundo componente</p> <otro-contador></otro-contador> </div> Vue.component('contador', { template: '<button v-on:click="numero += 1">Clicks: {{ numero }}</button>', data: function() { return { numero: 0 } } }); Vue.