Plantilla básica de componentes para realizar proyectos sin Vue JS como framework para un trabajo más rápido y ordenado.
Estas instrucciones te permitirán obtener una copia del template de proyectos en tu máquina local.
¿Qué necesitas para usarlo?
Editor de texto (Recomiendo Visual Studio Code)
https://code.visualstudio.com/
Node JS (Recomiendo versión LTS)
Antes de realizar la instalación verifica que tengas instalado correctamente Node JS y npm, de la siguiente forma:
$node --version
@vue/cli 4.3.1 (Una respuesta así debería verse como resultado)
$npm --version
6.14.5 (Una respuesta así debería verse como resultado)
Para instalar el proyecto debes descargarlo como zip o clonarlo desde esta dirección:
https://github.com/gonzafg2/Template-Proyectos-No-VueJS.git
Luego de tener los archivos en tu computadora debes instalar node de la siguiente forma.
Ejecuta este comando dentro de la carpeta donde están todos los archivos del proyecto:
$ npm install
Esto instalará todas las dependencias necesarias para correr el template en tu equipo.
Luego de esto, se creará una carpeta llamada "node_modules".
$ npm run dev
Esto creará un servidor local para visualizar el proyecto al cual puedes acceder ingresando a alguna de estas direcciones: (Pueden ser diferentes en tu equipo)
DONE Compiled successfully in 9051ms
App running at:
- Local: http://localhost:8080/
- Network: http://192.168.1.81:8080/
Note that the development build is not optimized.
To create a production build, run npm run build.
Puedes hacer deploy ejecutando el siguiente comando en tu terminal:
$ npm run build
Lo que dará como resultado la creación de una carpeta llamada "dist", con los archivos necesarios y minificados para la ejecución en producción.
En este proyecto se han utilizado las siguientes tecnologías:
- HTML5 y CSS3 - Como lenguajes de etiquetas y estilos.
- Babel - Usado para retrocompatibilidad de nuevas características de JS.
- Webpack - Herramienta para empaquetar archivos JS, CSS y HTML de forma óptima y ordenada.
- SASS (scss) - Pre-procesador de CSS. Para una escritura más ordenada y modularizada.
- Bootstrap - Framework para CSS.
- NodeJS y npm - Manejador de dependencias.
Por ahora hay un sólo autor:
- Gonzalo Fleming - Desarrollo Inicial - gonzafg2
Este proyecto está bajo la Licencia MIT - mira el archivo LICENSE para detalles.
- Puedes comentar a otros sobre este proyecto. 📢
- O invitarme una cerveza 🍺 o un café ☕.
- O también dar las gracias públicamente 🤓.
- Etc.
⌨️ con ❤️ por GFleming 😊