En este post de programación con JavaScript y Vue te enseñaré a importar una librería de NPM a un componente de Vue. Si bien esto es algo muy simple, en ocasiones podemos olvidarnos o perdernos. Por ello es que en el post de hoy te enseñaré a importar un paquete de NPM desde un componente […]
Usar librería de NPM en Vue con webpack y require Leer más »
En este tutorial te mostraré cómo hacer que la ruta pública de Vue (al usar la vue cli para compilar nuestros proyectos con npm run build) sea el directorio actual, es decir, ./. Normalmente la Vue CLI va a compilar y crear el archivo index.html pero en las rutas habrá algo como: script src=/js/script.js Si
Configurar publicPath de Vue CLI en ./ Leer más »
En este post te daré la posible solución a un problema que se presenta al usar Node.js, Vue, la Vue CLI y ejecutar el comando npm run serve. En mi caso se quedaba al 40 % y no avanzaba más allá de eso. WAIT Compiling… 40% building 1/2 modules 1 active
Vue CLI congelada en 40 % al ejecutar npm run serve Leer más »
En este post te mostraré cómo crear un proyecto de Vue usando el lenguaje de programación TypeScript en lugar de JavaScript. Como sabemos (en términos simples) TS es como JS mejorado; sobre todo por eso de los tipos (tipado fuerte) que previene errores como sumar números y cadenas, etcétera.
Crear proyecto de Vue con TypeScript Leer más »
Las variables del entorno en Vue.js sirven para saber el entorno en el que estamos (producción o desarrollo) y también para acceder a otros datos que cambian dependiendo del entorno. Por ejemplo, en producción podemos tener una clave API o una URL de la API, mientras que en desarrollo esas variables pueden cambiar. Es por
Variables del entorno con Vue.js y Vue CLI Leer más »
Una vez que ya hemos creado un proyecto con la CLI de Vue (usando Buefy, por ejemplo) podemos agregarle otros paquetes como un enrutador. Vue Router es el enrutador oficial para Vue.Js y permite crear Aplicaciones de una sola página o Single Page Applications. De esta manera tenemos una navegación más fluida sin recargar la
Primeros pasos con VueRouter: el enrutador de Vue Leer más »
En este post voy a poner las instrucciones para comenzar un proyecto con Buefy. Buefy es la combinación de Vue y Bulma CSS, ofrece componentes de Bulma CSS pero mejorados con el buen Vue. Vamos a utilizar NPM con la CLI de Vue (vue-cli), ya que será un proyecto un tanto formal.
Crear proyecto de Buefy (Bulma CSS + Vue) usando la CLI de Vue Leer más »