Instalar y configurar VueJS En 3 Minutos
Estoy usando VueJS en todos mis nuevos proyectos, es muy fácil, no tiene complicaciones. Aquí te dejo los pasos para comenzar un proyecto de forma muy rápida, en 3 minutos (o menos).
Instalar vue-cli globalmente
vue-cli es la herramienta que te permite iniciar proyectos vueJS desde la terminal. Ten en cuenta que la necesitas instalar solo 1 vez, luego la puedes usar para todos tus otros proyectos.
npm install -g vue-cli
Crear el proyecto Vue
Ahora puedes crear proyectos Vue con solo una línea de comando en la terminal. La sintaxis de este comando es la siguiente:
vue init
El template al que refiere es a como creará tu proyecto, existen varios de estos ‘plugins’ (webpack, typescript, pwa, etc) los puedes ver aquí. En este caso vamos a usar el más simple: webpack-simple
vue init webpack-simple mi-proyecto
Iniciar nuestro proyecto
Cuando el proyecto ya esté creado lo que tienes que hacer es simplemente lo que te indica en la pantalla:
cd mi-proyecto
npm install
npm run dev
npm install
npm run dev
El último comando iniciará un servidor http y abrirá el navegador en la url donde tu nuevo sitio esté corriendo (ej: http://localhost:8080).
¡Ya está! El tiempo total de ejecución de todo es rapidísima y ya tendrás un proyecto VueJS andando listo para comenzar a trabajar en él.
0 comentarios:
Publicar un comentario