Entendiendo Vue(instalación)

Para instalar Vue, basta con ir a la raíz z de la carpeta donde crearemos el proyecto, en xamp podria ser htdocs o alguna carpeta dentro de htdocs, donde construiremos uno o varios proyecto.

En este ejemplo usamos la bandera -g para hacer una instalación global.

npm install –g global @vue /cli

Es muy importante recordar que Vue corre sobre Nodejs, por tanto, para que la instalación funcione, es necesario tener instalado node.js antes

Una vez instalado comprobamos la la version instalada con:

vue –version

Crear un nuevo proyecto

vue create nombre_del_proyecto

El instalador preguntará, si deseas instalar  algún linting (herramienta para detectar  dentro del código errores de sintaxis o programáticos), si no tenemos preferencias , clicamos enter para continuar.

Una vez se cree el proyecto, nos recomendará para comenzar, correr estos comandos:

$ cd nuevoproyecto
 $ npm run serve 

Los corremos y estaremos ya dentro del proyecto, luego de correr el servidor de npm, obtendremos la información del la dirección donde corre nuestro app en vue:

App running at:
Local:       http//localhost:8080/
Network: http//192.168.0.102:8080/

Note  that the development build  is not optimized. 
To create a production build, run npm run build.  

Si entramos ahora al navegador y escribimos http:localhost:8080, obtendremos la web donde corre nuestra app.

Y listo, esto es todo.

Espero modestamente que este artículo, sirva de ayuda a alguien.

Gracias.

…., si avanzo sígueme, si me detengo empújame, si retrocedo mátame…….