Templates para Proyectos sin VueJS

Plantilla básica de componentes para realizar proyectos sin Vue JS como framework para un trabajo más rápido y ordenado.

Comenzando 🚀

Estas instrucciones te permitirán obtener una copia del template de proyectos en tu máquina local.

Pre-requisitos 📋

¿Qué necesitas para usarlo?

Editor de texto (Recomiendo Visual Studio Code)

https://code.visualstudio.com/

Node JS (Recomiendo versión LTS)

https://nodejs.org/

Instalación 🔧

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

Desarrollo 📌

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

Despliegue 📦

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.

Construido con 🛠️

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.

Autores ✒️

Por ahora hay un sólo autor:

• Gonzalo Fleming - Desarrollo Inicial - gonzafg2

Licencia 📄

Este proyecto está bajo la Licencia MIT - mira el archivo LICENSE para detalles.

Expresiones de Gratitud 🎁

• 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 😊