Site Web | Configuration | Règles
EC0lint est un outil d'analyse de code statique qui fournit aux utilisateurs des conseils sur la façon de réduire l'empreinte carbone de leurs sites Web pendant le processus de développement. L'application de modifications de code suggérées par EC0LINT entraîne des émissions de carbone plus faibles par visite, un chargement plus rapide et une efficacité spatiale plus élevée. L'outil est open-source et axé sur la communauté.
Saviez-vous que plus de 250 000 sites Web sont publiés tous les jours?
La majorité utilise des polices trop lourdes, des images trop grandes / inutiles ou utilise des bibliothèques redondantes. Ces facteurs et d'autres génèrent l'empreinte carbone. En fait, une vue d'un site Web moyen émet 1,8 g de CO2, ce qui représente jusqu'à 216 kg de CO2 par an. Malheureusement, les solutions actuelles optimisent uniquement les sites Web déjà existants.
EC0lint est un outil pour les développeurs de frontend qui atténue l'empreinte carbone des sites Web. Il montre des conseils conseillant comment créer un code plus convivial. Grâce à l'optimisation du code, EC0lint peut aider à réduire les émissions de CO2 par vue de 1,8 g à ~ 0,2 g d'économie de 198 kg de CO2 (-88%!) Par an.
L'outil est personnalisé et chaque règle appliquée pendant l'analyse peut être ajustée ou traitée comme des conseils plutôt que des erreurs. Cette flexibilité permet aux développeurs d'atteindre leurs objectifs sans interruptions d'EC0lint, en même temps, attirant l'attention sur des améliorations possibles.
Assurez-vous que le nœud a installé
Télécharger EC0LINT:
npm i ec0lint ec0lint-style ec0lint-style-config-recommended
Configurez votre projet:
npm init @ec0lint/config
Créez un fichier de configuration .ec0lint-stylerc.json à la racine de votre projet avec le contenu suivant:
{ "extends": "ec0lint-style-config-recommended" }
npm i ec0lint ec0lint-style ec0lint-style-config-recommended-scss
Configurez votre projet:
npm init @ec0lint/config
Créez un fichier de configuration .ec0lint-stylerc.json à la racine de votre projet avec le contenu suivant:
{ "extends": "ec0lint-style-config-recommended-scss" }
npm i ec0lint ec0lint-style ec0lint-style-config-postcss
Configurez votre projet:
npm init @ec0lint/config
Créez un fichier de configuration .ec0lint-stylerc.json à la racine de votre projet avec le contenu suivant:
{ "extends": "ec0lint-style-config-postcss" }
Installez le plugin React (ou utilisez NPM INIT):
npm i ec0lint-plugin-react
Ajoutez à votre fichier de configuration .ec0lintrc.json :
"extends": [
"ec0lint:recommended",
"plugin:react/recommended"
]
Divisez votre terminal et courez:
npx ec0lint-style "**/*.scss" npx ec0lint .
Créons un site Web respectueux de l'environnement!
✅ v1.0.0 - juin - MVP
✅ V2.0.0 - Octobre - Modules CO2 + Plugin React
✅ V2.1.0 - Janvier - 20 Implémentations de règles, 15 règles uniques
? V3.0.0 - avril - Plugins IDE + Ressources Scanning
V4.0.0 - juin - Plugin TypeScript
V5.0.0 - Septembre - Rapport CI / CD
Suivant:
Légende:
Si vous souhaitez contribuer, écrivez-nous et commencez à coder!
Vous pouvez regarder les tâches marquées comme? Ou à nos problèmes (https://github.com/ec0lint/ec0lint/issues) et recherchez une tâche pour vous.
Merci!
Nous sommes ouverts à la collaboration sur l'amélioration de l'EC0lint, et nous sommes très reconnaissants pour toutes les contributions et les commentaires sur l'outil. Merci d'avoir créé un environnement numérique durable avec nous!
CONTACT: [email protected]