ec0lint

الموقع | تكوين | قواعد

EC0LINT هي أداة تحليل رمز ثابت توفر للمستخدمين تلميحات حول كيفية تقليل بصمة الكربون لمواقعهم الإلكترونية أثناء عملية التطوير. يؤدي تطبيق تغييرات التعليمات البرمجية المقترحة بواسطة EC0LINT إلى انخفاض انبعاثات الكربون لكل زيارة ، وتحميل أسرع وكفاءة مساحة أعلى. الأداة مفتوحة المصدر وتدفئها المجتمع.

هدفنا

هل تعلم أنه يتم نشر أكثر من 250 000 موقع ويب كل يوم؟

تستخدم الأغلبية الخطوط الثقيلة للغاية ، وهي صور كبيرة جدًا/غير ضرورية أو تستخدم مكتبات زائدة عن الحاجة. هذه العوامل وغيرها من العوامل تولد بصمة الكربون. في الواقع ، ينبعث عرض واحد لموقع ويب متوسط ​​1.8 G CO2 الذي يلخص ما يصل إلى 216 كجم من ثاني أكسيد الكربون سنويًا. لسوء الحظ ، تعمل الحلول الحالية على تحسين مواقع الويب الموجودة بالفعل بالفعل.

EC0LINT هي أداة لمطوري الواجهة الأمامية التي تخفف من بصمة الكربون من مواقع الويب. يعرض نصائح لتقديم المشورة لكيفية إنشاء رمز أكثر ملاءمة للمناخ. بفضل Code Optimization EC0LINT ، يمكن أن تساعد في تقليل انبعاثات ثاني أكسيد الكربون لكل عرض واحد من 1.8 جم إلى 0.2 جم ~ توفير 198 كجم (-88 ٪!) سنويًا.

يتم تخصيص الأداة ويمكن تطبيق كل قاعدة أثناء التحليل ، أو معاملة تلميحات بدلاً من الأخطاء. تتيح هذه المرونة للمطورين الوصول إلى أهدافهم دون انقطاع من EC0LINT ، في نفس الوقت لفتت الانتباه إلى التحسينات المحتملة.

ابدأ

تأكد من تثبيت عقدة

(أ) إذا كان الكود الخاص بك يحتوي على ملفات CSS

تنزيل EC0LINT:

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

تكوين مشروعك:

npm init @ec0lint/config

إنشاء ملف تكوين .ec0lint-stylerc.json في جذر مشروعك مع المحتوى التالي:

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

(ب) إذا كان الكود الخاص بك يحتوي على أقل ، ملفات SASS/SCSS

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

تكوين مشروعك:

npm init @ec0lint/config

إنشاء ملف تكوين .ec0lint-stylerc.json في جذر مشروعك مع المحتوى التالي:

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

(ج) إذا كان الكود الخاص بك يحتوي على postcss / tailwind

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

تكوين مشروعك:

npm init @ec0lint/config

إنشاء ملف تكوين .ec0lint-stylerc.json في جذر مشروعك مع المحتوى التالي:

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

إذا كنت تستخدم React

قم بتثبيت البرنامج المساعد React (أو استخدم NPM Init):

npm i ec0lint-plugin-react

أضف إلى ملف تكوين .ec0lintrc.json الخاص بك:

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

تشغيل EC0LINT

تقسيم المحطة الخاصة بك وتشغيل:

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

دعونا نبني موقع ويب صديق للبيئة!

خطة الافراج

✅ v1.0.0 - يونيو - MVP

• ✅ أخف HTTP (أخف HTTP ، EC0LINT)
• ✅ تنسيق الخط (لا TTF-FINTS ، على طراز EC0LINT)
• ✅ التحقق من صحة تنسيق الصورة (تنسيقات أخف صورة ، على غرار EC0LINT)
• ✅ المكتبات الخفيفة - Lodash (تجنب -ودش ، EC0LINT)
• ✅ مكتبات الضوء-تاريخ التاريخ (لا تكرار المواعيد ، EC0LINT)
• ✅ المكتبات الخفيفة-لحظة. js (no-moment-js ، ec0lint)

✅ v2.0.0 - أكتوبر - وحدات CO2 + مكون الإضافات React

• ✅ حساب ثاني أكسيد الكربون (EC0LINT)
• ✅ حساب ثاني أكسيد الكربون (نمط EC0LINT)
• ✅ React Plugin React (EC0LINT-PLUGIN React)
• ✅ مكتبات الضوء - jQuery Ajax (No -Ajax ، EC0LINT)
• ✅ مكتبات الضوء-أحداث jQuery Ajax (No-Ajax-events ، EC0LINT)
• ✅ Font-Display (تتطلب لعبة العرض ، على غرار EC0LINT)

✅ v2.1.0 - يناير - 20 تطبيقات القواعد ، 15 قاعدة فريدة

• ✅ تنسيق الصورة (تنسيقات أخف صورة ، EC0LINT)
• ✅ تنسيق الفيديو (تنسيقات أخف فيديو ، EC0LINT)
• ✅ البرنامج المساعد HTML (EC0LINT-PLUGIN-HTML)
• ✅ التحميل البطيء (يتطلب التحميل الكسول ، EC0LINT-PLUGIN-HTML)
• ✅ مصدر الخط (لا يستضيف الخطوط ، على غرار ec0lint)
• ✅ المكتبات الخفيفة-jQuery ونفسها (لا وذرة ، EC0LINT)
• ✅ المكتبات الخفيفة-تحريك jQuery (لا توجد منظمة ، EC0LINT)
• ✅ مكتبات الضوء-jQuery attr (no-attr ، ec0lint)
• ✅ مكتبات الضوء-jQuery Bind (no-bind ، ec0lint)
• ✅ عرض الفيديو التلقائي (متطلبة-تلاعب Auto ، EC0LINT)

؟ v3.0.0 - April - IDE Plugins + Resources Scanning

• ☑ VSCODE Plugin EC0LINT
• ؟ VSCODE Plugin ec0lint-style
• ؟ Intellij Plugin EC0LINT
• ؟ Intellij Plugin ec0lint-style
• ؟ التحقق من صحة الألوان (التحقق من صحة الخلفية ، على غرار EC0LINT)
• ؟ حجم الصورة (التحقق من صحة الصورة ، على غرار EC0LINT)
• ؟ حجم الفيديو (التحقق من صحة حجم الفيديو ، على غرار EC0LINT)
• ☑ مكتبات الضوء-نموذج مربع jQuery (لا توجد صناديق ، EC0LINT)
• ☑ المكتبات الخفيفة-متصفح jQuery (لا متصفح ، EC0LINT)

v4.0.0 - يونيو - البرنامج المساعد TypeScript

• TypeScript Plugin (ec0lint-plugin-typescript)
• أخف HTTP (أخف HTTP ، EC0LINT-PLUGIN-TYPECROPT)
• المكتبات الخفيفة-Lodash (تجنب-lodash ، ec0lint-plugin-typescript)
• مكتبات ضوئية-تاريخ التاريخ (لا يمكن تحديد المواعيد ، من نوع ec0lint-plugin)
• Light Libraries-Moment.js (No-Moment-JS ، ec0lint-plugin-typescript)
• مكتبات الضوء-jQuery Ajax (No-Ajax ، Ec0lint-Plugin-typscript)
• Light Libraries-أحداث jQuery Ajax (نوع Ajax-events Ec0lint-Plugin-typscript)
• تنسيق فيديو (أخف وزناً للفيديو ، نوع EC0LINT-PLUGIN-TYPERSION)
• التحميل البطيء (يتطلب التحميل الكسول ، من نوع ec0lint-plugin)
• لعب الفيديو التلقائي (متطلبات-تلوين ، نوع ec0lint-plugin-typscript)

v5.0.0 - سبتمبر - تقرير CI/CD

• تقرير CI/CD
• البحث - تتبع المستخدم البرامج النصية
• البحث - الوضع المظلم
• البحث - قواعد جديدة
• قواعد جديدة

التالي:

• ميزانية الموقع
• البرنامج المساعد الزاوي
• البرنامج المساعد VUE
• -خيار الإصلاح

أسطورة:

• ✅ صدر
• ☑ تنفيذها ، لم يتم إصدارها بعد
• ؟ في تَقَدم
• ؟ المهمة التي يجب اتخاذها
• للقيام به في الإصدارات المستقبلية

كيف تبدأ في المساهمة

إذا كنت ترغب في المساهمة ، فما عليك سوى الكتابة إلينا وابدأ الترميز!

يمكنك إلقاء نظرة على المهام التي تحمل علامة؟ أو في قضايانا (https://github.com/ec0lint/ec0lint/issues) والبحث عن مهمة لك.

شكرًا لك!

نحن منفتحون على التعاون على تحسين EC0LINT ، ونحن ممتنون للغاية لجميع المساهمات والتعليقات على الأداة. شكرا لك على خلق بيئة رقمية مستدامة معنا!

conctact: [email protected]