Website | Konfigurieren | Regeln
EC0LINT ist ein statisches Tool für Codeanalyse, mit dem Benutzer Hinweise darauf geben, wie der CO2 -Fußabdruck ihrer Websites während des Entwicklungsprozesses reduziert werden kann. Das Anwenden von Codeänderungen, die durch EC0Lint vorgeschlagen wurden, führt zu niedrigeren Kohlenstoffemissionen pro Besuch, schneller Beladung und höherer Raumeffizienz. Das Tool ist Open-Source und Community-gesteuerte.
Wussten Sie, dass täglich mehr als 250 000 Websites veröffentlicht werden?
Die Mehrheit verwendet zu schwere Schriftarten, zu große/unnötige Bilder oder verwendet redundante Bibliotheken. Diese und andere Faktoren erzeugen den CO2 -Fußabdruck. Tatsächlich gibt eine Ansicht einer durchschnittlichen Website 1,8 g CO2 aus, die jährlich bis zu 216 kg CO2 beträgt. Leider optimieren aktuelle Lösungen nur vorhandene Websites.
EC0Lint ist ein Werkzeug für Frontend -Entwickler, das den CO2 -Fußabdruck von Websites mindert. Es zeigt Tipps, die beraten, wie Sie einen klimafreundlicheren Code erstellen. Dank der Codeoptimierung kann EC0Lint helfen, die CO2-Emissionen pro Ansicht von 1,8 g auf ~ 0,2 g zu reduzieren, um 198 kg CO2 (-88%!) Jährlich zu sparen.
Das Tool wird angepasst und jede während der Analyse angewendete Regel kann angepasst oder eher als Hinweise als als Fehler behandelt werden. Diese Flexibilität ermöglicht es den Entwicklern, ihre Ziele ohne Unterbrechungen von EC0Lint zu erreichen und gleichzeitig auf mögliche Verbesserungen aufmerksam zu machen.
Stellen Sie sicher, dass Sie den Knoten installiert haben
Download EC0Lint:
npm i ec0lint ec0lint-style ec0lint-style-config-recommended
Konfigurieren Sie Ihr Projekt:
npm init @ec0lint/config
Erstellen Sie eine .ec0lint-stylerc.json -Konfigurationsdatei im Stamm Ihres Projekts mit dem folgenden Inhalt:
{ "extends": "ec0lint-style-config-recommended" }
npm i ec0lint ec0lint-style ec0lint-style-config-recommended-scss
Konfigurieren Sie Ihr Projekt:
npm init @ec0lint/config
Erstellen Sie eine .ec0lint-stylerc.json -Konfigurationsdatei im Stamm Ihres Projekts mit dem folgenden Inhalt:
{ "extends": "ec0lint-style-config-recommended-scss" }
npm i ec0lint ec0lint-style ec0lint-style-config-postcss
Konfigurieren Sie Ihr Projekt:
npm init @ec0lint/config
Erstellen Sie eine .ec0lint-stylerc.json -Konfigurationsdatei im Stamm Ihres Projekts mit dem folgenden Inhalt:
{ "extends": "ec0lint-style-config-postcss" }
React Plugin installieren (oder NPM Init verwenden):
npm i ec0lint-plugin-react
Hinzufügen zu Ihrer Konfigurationsdatei .ec0lintrc.json :
"extends": [
"ec0lint:recommended",
"plugin:react/recommended"
]
Teilen Sie Ihr Terminal auf und rennen Sie:
npx ec0lint-style "**/*.scss" npx ec0lint .
Lassen Sie uns eine umweltfreundliche Website erstellen!
✅ v1.0.0 - Juni - MVP
✅ V2.0.0 - Oktober - CO2 -Module + React Plugin
✅ V2.1.0 - Januar - 20 Regel Implementierungen, 15 einzigartige Regeln
? v3.0.0 - April - IDE -Plugins + Ressourcen Scannen
v4.0.0 - Juni - TypeScript -Plugin
v5.0.0 - September - CI/CD -Bericht
Nächste:
Legende:
Wenn Sie einen Beitrag leisten möchten, schreiben Sie uns einfach an uns und beginnen Sie mit dem Codieren!
Sie können sich auf Aufgaben ansehen, die als markiert sind? oder bei unseren Ausgaben (https://github.com/ec0lint/ec0lint/issues) und suchen Sie nach einer Aufgabe für Sie.
Danke schön!
Wir sind offen für die Zusammenarbeit bei der Verbesserung der EC0Lint und sind sehr dankbar für alle Beiträge und Feedback zum Tool. Vielen Dank, dass Sie mit uns eine nachhaltige digitale Umgebung geschaffen haben!
Conctact: [email protected]