Como pudimos ver en el Curso Profesional de VueJS es muy fácil crear una SPA con Vue.js, sin embargo durante el curso tuvimos muchas configuraciones, para simplificar esto he modificado el template de Webpack-Simple que utilizamos y he agregado los cambios que hicimos durante el curso.
Para usar esto nos dirigimos a nuestra terminal y ejecutamos $ vue init danielpp95/webpack-simple mi-proyecto
Una vez descargue el template comenzaremos con la configuración habitual donde nos hará estas preguntas:
Hasta aqui todo normal, pero ahora nos preguntara si queremos configurar pug y eslint
Si seleccionas si obtendrás las configuraciones de pug y pug-loader junto a las de eslint y sus loader y plugins
Por el contrario si no te gustan algunas de esas opciones simplemente seleccionas no y ya no tendrás que lidiar con eso 😉
Tambien ganamos la opción de los alias donde el carácter “@” apunta a la ruta src para poder escribir:
import VHeader from "@/components/Header.vue
en lugar de tener que poner
import someComponent from "./components/Header.vue ó
import someComponent from "…/…/components/Header.vue o alguna otra ruta extraña.
Esos son todos los cambios que realice al proyecto, si te interesa saber mas puedes verlo en GitHub, y si tienes alguna otra sugerencia para este template no dudes en comentarlo y con gusto agregare cualquier feature que sea conveniente.
Por otro lado si quieres aprender como funcionan los templates de Vue.js y crear condicionales como los de usar pug o sass coméntalo aquí abajo o envíame un mensaje directo y con gusto te explicare o creare un tutorial sobre eso.
