Webpack

Archivos env para Vue js y Vue CLI

Variables del entorno con Vue.js y Vue CLI

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 ello que las variables del entorno o environment variables de la Vue CLI vienen para ayudarnos, ya que nos permiten definir variables propias y también a conocer el entorno en el que estamos.

Continue reading…

Validar formularios en Vue con Vee Validate

Vee Validate es un plugin de Vue.js que sirve para validar formularios de una manera fácil pero poderosa.

Lo que destaca es:

  • Su simplicidad, pues no se tiene que estudiar demasiado para comenzar a usarlo
  • La flexibilidad que ofrece
  • Soporte para otros idiomas (entre ellos el español)
  • Mensajes de error predefinidos
  • Simple sintaxis y validadores por defecto
  • Reglas personalizadas
  • Manejo del evento que desencadena la validación

En este artículo vamos a dar un repaso y explicación de VeeValidate con algunos ejemplos.

Al final tendremos un ejemplo completo que se puede ver aquí, que es como en la imagen:

Validación de formularios con Vue.js, VeeValidate y Bootstrap

Continue reading…

Acceder a proyecto de webpack en un servidor a través de una LAN

Introducción

Cuando creamos algún proyecto utilizando webpack, el servidor comienza a escuchar en un puerto que podemos cambiar. Al ejecutarse luce así:

Pero si verificamos nuestra IP y accedemos desde otro dispositivo conectado a la misma red que nuestro servidor, no podremos acceder.

Hoy traigo la solución para que podamos acceder al servidor a través de una IP.

Acceder al servidor con su IP a través de una red local o lan

Hace falta mencionar que esto funciona correctamente con webpack. Buscamos el archivo package.json de nuestro proyecto, que luce así:

Fijémonos en donde dice scripts, y luego en donde dice dev. Ahí es en donde ejecutamos nuestro proyecto, y le pasamos argumentos.

Lo único que hay que hacer para que podamos acceder desde nuestra red es pasar el argumento host, seguido de la ip de nuestro servidor.

--host xxx.xxx.xxx.xxx

 

Con ello, podremos acceder desde otro dispositivo siempre y cuando estemos en la misma red.

La desventaja es que tenemos que cambiar la ip en nuestro package.json en caso de que cambie en nuestro servidor.