Sitio web | Configuración | Normas
EC0Lint es una herramienta de análisis de código estático que proporciona a los usuarios sugerencias sobre cómo reducir la huella de carbono de sus sitios web durante el proceso de desarrollo. La aplicación de cambios en el código sugeridos por EC0Lint da como resultado emisiones de carbono más bajas por visita, carga más rápida y mayor eficiencia de espacio. La herramienta es de código abierto y impulsada por la comunidad.
¿Sabía que más de 250 000 sitios web se publican todos los días?
La mayoría usa fuentes demasiado pesadas, imágenes demasiado grandes/innecesarias o utiliza bibliotecas redundantes. Estos y otros factores generan la huella de carbono. En realidad, una vista de un sitio web promedio emite 1,8 g de CO2 que resume hasta 216 kg de CO2 anualmente. Desafortunadamente, las soluciones actuales optimizan solo los sitios web ya existentes.
EC0Lint es una herramienta para los desarrolladores frontend que mitiga la huella de carbono de los sitios web. Muestra consejos asesorando cómo crear un código más amigable con el clima. Gracias a la optimización del código EC0Lint puede ayudar a reducir las emisiones de CO2 por una vista de 1.8 g a ~ 0.2 g ahorrando 198 kg de CO2 (-88%!) Anualmente.
La herramienta se personaliza y se aplica cada regla durante el análisis se puede ajustar o tratar como indicios en lugar de errores. Esta flexibilidad permite a los desarrolladores alcanzar sus objetivos sin interrupciones de EC0Lint, al mismo tiempo llamando la atención sobre posibles mejoras.
Asegúrese de tener el nodo instalado
Descargar EC0Lint:
npm i ec0lint ec0lint-style ec0lint-style-config-recommended
Configure su proyecto:
npm init @ec0lint/config
Cree un archivo de configuración .ec0lint-stylerc.json en la raíz de su proyecto con el siguiente contenido:
{ "extends": "ec0lint-style-config-recommended" }
npm i ec0lint ec0lint-style ec0lint-style-config-recommended-scss
Configure su proyecto:
npm init @ec0lint/config
Cree un archivo de configuración .ec0lint-stylerc.json en la raíz de su proyecto con el siguiente contenido:
{ "extends": "ec0lint-style-config-recommended-scss" }
npm i ec0lint ec0lint-style ec0lint-style-config-postcss
Configure su proyecto:
npm init @ec0lint/config
Cree un archivo de configuración .ec0lint-stylerc.json en la raíz de su proyecto con el siguiente contenido:
{ "extends": "ec0lint-style-config-postcss" }
Instale el complemento React (o use NPM Init):
npm i ec0lint-plugin-react
Agregue a su archivo de configuración .ec0lintrc.json :
"extends": [
"ec0lint:recommended",
"plugin:react/recommended"
]
Divida su terminal y ejecute:
npx ec0lint-style "**/*.scss" npx ec0lint .
¡Construyamos un sitio web ecológico!
✅ V1.0.0 - junio - MVP
✅ v2.0.0 - octubre - Módulos CO2 + React Plugin
✅ v2.1.0 - enero - 20 implementaciones de reglas, 15 reglas únicas
? v3.0.0 - abril - complementos IDE + escaneo de recursos
v4.0.0 - junio - complemento de mecanografiado
V5.0.0 - Septiembre - Informe CI/CD
Próximo:
Leyenda:
Si desea contribuir, ¡simplemente escríbanos y comience a codificar!
¿Puedes ver las tareas marcadas como? O en nuestros problemas (https://github.com/ec0lint/ec0lint/issues) y busque una tarea para usted.
¡Gracias!
Estamos abiertos a la colaboración para mejorar EC0Lint, y estamos muy agradecidos por todas las contribuciones y comentarios sobre la herramienta. ¡Gracias por crear un entorno digital sostenible con nosotros!
Conctact: [email protected]