ec0lint

Situs web | Mengkonfigurasi | Aturan

EC0LINT adalah alat analisis kode statis yang memberikan petunjuk kepada pengguna tentang cara mengurangi jejak karbon situs web mereka selama proses pengembangan. Menerapkan perubahan kode yang disarankan oleh EC0Lint menghasilkan emisi karbon yang lebih rendah per kunjungan, pemuatan yang lebih cepat dan efisiensi ruang yang lebih tinggi. Alat ini open-source dan berbasis komunitas.

Tujuan kami

Tahukah Anda bahwa lebih dari 250.000 situs web diterbitkan setiap hari?

Mayoritas menggunakan font yang terlalu berat, gambar yang terlalu besar/tidak perlu atau menggunakan perpustakaan yang berlebihan. Faktor -faktor ini dan lainnya menghasilkan jejak karbon. Sebenarnya, satu tampilan situs web rata -rata memancarkan 1,8 g CO2 yang merangkum hingga 216 kg CO2 per tahun. Sayangnya, solusi saat ini hanya mengoptimalkan situs web yang sudah ada.

EC0LINT adalah alat untuk pengembang frontend yang mengurangi jejak karbon situs web. Ini menunjukkan tips yang memberi tahu cara membuat kode yang lebih ramah iklim. Berkat optimasi kode EC0LINT dapat membantu mengurangi emisi CO2 per satu tampilan dari 1,8 g menjadi ~ 0,2 g menyimpan 198 kg CO2 (-88%!) Setiap tahun.

Alat ini disesuaikan dan setiap aturan yang diterapkan selama analisis dapat disesuaikan, atau diperlakukan sebagai petunjuk daripada kesalahan. Fleksibilitas ini memungkinkan pengembang untuk mencapai tujuan mereka tanpa gangguan dari EC0Lint, pada saat yang sama menarik perhatian pada kemungkinan perbaikan.

Mulai

Pastikan Anda memiliki simpul yang diinstal

(a) Jika kode Anda berisi file CSS

Unduh EC0LINT:

npm i ec0lint ec0lint-style ec0lint-style-config-recommended

Konfigurasikan proyek Anda:

npm init @ec0lint/config

Buat file konfigurasi .ec0lint-stylerc.json di root proyek Anda dengan konten berikut:

{ "extends": "ec0lint-style-config-recommended" }

(B) Jika kode Anda lebih sedikit, file SASS/SCSS

npm i ec0lint ec0lint-style ec0lint-style-config-recommended-scss

Konfigurasikan proyek Anda:

npm init @ec0lint/config

Buat file konfigurasi .ec0lint-stylerc.json di root proyek Anda dengan konten berikut:

{ "extends": "ec0lint-style-config-recommended-scss" }

(c) Jika kode Anda berisi postcss / tailwind

npm i ec0lint ec0lint-style ec0lint-style-config-postcss

Konfigurasikan proyek Anda:

npm init @ec0lint/config

Buat file konfigurasi .ec0lint-stylerc.json di root proyek Anda dengan konten berikut:

{ "extends": "ec0lint-style-config-postcss" }

Jika Anda menggunakan React

Instal Plugin React (atau gunakan NPM Init):

npm i ec0lint-plugin-react

Tambahkan ke file konfigurasi .ec0lintrc.json Anda:

 "extends": [
    "ec0lint:recommended",
    "plugin:react/recommended"
  ]

Jalankan Ec0lint

Pisahkan terminal Anda dan jalankan:

npx ec0lint-style "**/*.scss" npx ec0lint .

Mari Bangun Situs Web Ramah Lingkungan!

Rencana rilis

✅ V1.0.0 - Juni - MVP

• ✅ HTTP yang lebih ringan (lebih ringan-HTTP, EC0LINT)
• ✅ Format Font (No-TTF-Font-Files, Ec0lint-style)
• ✅ Validasi format gambar (format gambar yang lebih ringan, gaya EC0Lint)
• ✅ Perpustakaan Cahaya - Lodash (hindari lodash, ec0lint)
• ✅ Perpustakaan Lampu-Tanggal-FN (No-Date-FNS, Ec0Lint)
• ✅ Perpustakaan Cahaya-Moment.js (no-moment-js, ec0lint)

✅ V2.0.0 - Oktober - Modul CO2 + Plugin Bereaksi

• ✅ Perhitungan CO2 (EC0LINT)
• ✅ Perhitungan CO2 (EC0Lint-style)
• ✅ Plugin React (EC0LINT-PLUGIN-React)
• ✅ Perpustakaan Lampu - JQuery Ajax (No -Ajax, Ec0lint)
• ✅ Perpustakaan Cahaya-Acara Ajax JQuery (No-Ajax-Events, Ec0lint)
• ✅ font-display (membutuhkan-font-display, EC0LINT-style)

✅ V2.1.0 - Januari - 20 Implementasi Aturan, 15 Aturan Unik

• ✅ Format gambar (format gambar yang lebih ringan, EC0LINT)
• ✅ Format Video (Format Video yang Lebih Raya, Ec0Lint)
• ✅ Plugin HTML (EC0LINT-PLUGIN-HTML)
• ✅ Pemuatan malas (membutuhkan pemuatan lobak, ec0lint-plugin-html)
• ✅ Sumber font (no-host-online-fonts, EC0Lint-style)
• ✅ Perpustakaan Cahaya-JQuery andself (no-and-self, ec0lint)
• ✅ Perpustakaan Cahaya-JQuery Animate (no-animate, ec0lint)
• ✅ Perpustakaan Lampu-JQuery Attr (No-ATTR, EC0LINT)
• ✅ Perpustakaan Lampu-JQuery Bind (No-Bind, Ec0Lint)
• ✅ Video Auto-Play (membutuhkan-auto-play, ec0lint)

? v3.0.0 - April - Plugin IDE + Pemindaian Sumber Daya

• ☑️ Plugin VScode EC0LINT
• ? Plugin VScode EC0LINT-STYLE
• ? Plugin IntelliJ Ec0lint
• ? Plugin IntelliJ EC0LINT-STYLE
• ? Warna Validasi (Validasi Latar Belakang, Ec0lint-Style)
• ? Ukuran gambar (validasi ukuran gambar, gaya EC0lint)
• ? Ukuran video (validasi ukuran video, gaya EC0lint)
• ☑️ Light Libraries-model kotak jQuery (no-box-model, ec0lint)
• ☑️ Light Libraries-JQuery Browser (no-browser, EC0LINT)

V4.0.0 - Juni - Plugin TypeScript

• Plugin TypeScript (EC0LINT-PLUGIN-Typescript)
• HTTP yang lebih ringan (lebih ringan-HTTP, EC0LINT-PLUGIN-Typescript)
• Perpustakaan Cahaya-Lodash (hindari lodash, ec0lint-plugin-typescript)
• Light Libraries-Tanggal-FN (no-date-fns, ec0lint-plugin-typescript)
• Light Libraries-Moment.js (no-moment-js, ec0lint-plugin-typescript)
• Light Libraries-JQuery Ajax (no-Ajax, ec0lint-plugin-typescript)
• Light Libraries-Acara Ajax JQuery (no-Ajax-events ec0lint-plugin-typescript)
• Format Video (Format Video yang lebih ringan, EC0LINT-PLUGIN-TYPESCRIPS)
• Lazy Loading (membutuhkan labik, ec0lint-plugin-typescript)
• Video Auto-Play (membutuhkan-auto-play, ec0lint-plugin-typescript)

V5.0.0 - September - Laporan CI/CD

• Laporan CI/CD
• Penelitian - skrip pelacakan pengguna
• Penelitian - Mode Gelap
• Penelitian - Aturan Baru
• aturan baru

Berikutnya:

• Anggaran Situs Web
• Plugin sudut
• Plugin Vue
• -Opsi FIX

Legenda:

• ✅ Dirilis
• ☑️ diterapkan, belum dirilis
• ? sedang berlangsung
• ? tugas yang harus diambil
• untuk dilakukan di rilis mendatang

Bagaimana Mulai Berkontribusi

Jika Anda ingin berkontribusi, cukup tuliskan kepada kami dan mulailah kode!

Anda dapat melihat tugas yang ditandai sebagai? atau pada masalah kami (https://github.com/ec0lint/ec0lint/issues) dan cari tugas untuk Anda.

Terima kasih!

Kami terbuka untuk kolaborasi untuk meningkatkan EC0LINT, dan kami sangat berterima kasih atas semua kontribusi dan umpan balik pada alat ini. Terima kasih telah menciptakan lingkungan digital yang berkelanjutan bersama kami!

CONCTACT: [email protected]