Mimogear es un completo modelo de desarrollo web para desarrollar sitios estáticos. Dentro de Mimogear encontrarás modelos estándar de Gulp, Sass y Pug para que puedas empezar. ¡Tanto los recién llegados como los profesionales se sentirán como en casa con un comienzo sólido para cualquier sitio estático! ¡Simplemente corre
gulp
y comienza a construir!
Característica | Resumen |
---|---|
Trago repetitivo | Gulp maneja de manera inteligente las tareas de compilación y optimización basadas en el entorno para un desarrollo más rápido de Sass, Pug y js. |
Repetitivo descarado receptivo | Un modelo flexible de Sass con varios mixins, una forma más simple de BEM y un enfoque independiente de la plataforma. |
Plantilla estándar de Pug base | Genere archivos HTML más rápido con la sintaxis condensada de Pug, una configuración de plantilla HTML altamente estructurada, compatibilidad con rebajas y parciales iniciales. |
Módulos Javascript opcionales | Módulos de JavaScript completamente opcionales para crear presentaciones de diapositivas, cajas de luz, activadores y elementos sobre la marcha. |
Optimizaciones de rendimiento | Gulp minimizará CSS, concatenará y afeará JavaScript y optimizará imágenes para producir páginas estáticas de alto rendimiento. |
Recarga en vivo | Recarga el navegador cada vez que realiza un cambio en un archivo. |
Sincronización entre dispositivos | BrowserSync sincroniza acciones entre dispositivos para realizar pruebas más rápidas. |
Generador de guía de estilo | De forma predeterminada, se crea una página para los elementos HTML principales para facilitar el estilo del sitio y facilitar las referencias futuras. |
Kit de inicio de implementaciones | Implemente su sitio en páginas de GitHub y aumente con un kit de inicio de Travis CI. |
Una vez que esté listo y configurado con npm, saque su terminal e ingrese los siguientes elementos:
git clone https://github.com/mimoduo/mimogear.git
cd mimogear
npm install gulp-cli -g
npm install
gulp
Su sitio se abrirá automáticamente en una ventana del navegador, gulp comenzará a ver sus archivos y Browsersync recargará automáticamente sus cambios. ¡Consulta /src/ para ver tu nuevo y brillante modelo estándar de desarrollo web!
Una vez que esté todo listo, tendrá la documentación lista para usted:
Si ha creado un sitio con Mimogear y desea mostrarle al mundo su atractivo sitio, no dude en crear una solicitud de extracción y agregarla a la siguiente lista :
¡Espero que disfrutes desarrollando con Mimogear tanto como yo disfruté creándolo! ¡Compártelo si te encanta! Este generador de sitios estáticos no sería posible sin toda la ayuda de mis amigos. Han contribuido a cada aspecto de esto sin saberlo ^w^ ¡En particular, Nick Hall por ser el mejor mentor del mundo!