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…….