Creación y configuración inicial del proyecto utilizando VUE CLI 3

Vue CLI es una herramienta oficial de Vue.js que nos ayuda a crear proyectos con una muy buena configuración por defecto que podemos extender y personalizar de acuerdo a nuestros proyectos.

Comando de instalación con Yarn:

bash
yarn global add @vue/cli

Si la instalación fue exitosa vamos a tener un nuevo comando en la terminal: vue.

La versiones anteriores de Vue CLI usabamos el comando vue init para descargar una plantilla con configuración por defecto. Sin embargo, con la nueva versión podemos usar el comando vue create que nos permite elegir paso a paso las herramientas y sus diferentes configuraciones para desarrollar nuestro proyecto.

Recuerda que tener todas las configuraciones de tu proyecto en el archivo package.json puede ser confuso porque mezclamos las dependencias con sus configuraciones. Más bien, podemos usar archivos dedicados a la configuración de cada herramienta; es más limpio y fácil de detectar el lugar de nuestras configuraciones.

Por último, vamos a correr nuestro proyecto con el comando vue serve.