ec0lint

Веб -сайт | Настройка | Правила

EC0Lint - это статический инструмент анализа кода, который дает пользователям подсказки о том, как уменьшить углеродный след их веб -сайтов в процессе разработки. Применение изменений кода, предложенные EC0Lint, приводит к более низким выбросам углерода на посещение, более быстрой загрузке и более высокой эффективности пространства. Инструмент имеет открытый источник и ориентирован на сообщество.

Наша цель

Знаете ли вы, что более 250 000 веб -сайтов публикуются каждый день?

Большинство использует слишком тяжелые шрифты, слишком большие/ненужные изображения или используют избыточные библиотеки. Эти и другие факторы генерируют углеродный след. На самом деле, одно представление о среднем веб -сайте выделяет 1,8 г CO2, который подводит итог до 216 кг CO2 в год. К сожалению, текущие решения оптимизируют только уже существующие веб -сайты.

EC0Lint - это инструмент для разработчиков фронта, который смягчает углеродный след веб -сайтов. Он показывает советы, советующие, как создать более благоприятный для климата код. Благодаря оптимизации кода EC0Lint может помочь в сокращении выбросов CO2 на один вид с 1,8 г до ~ 0,2 г сбережений 198 кг CO2 (-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" }

(b) Если ваш код содержит меньше, файлы 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" }

(c) Если ваш код содержит 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 (Ligher-HTTP, EC0Lint)
• ✅ Формат шрифта (No-TTF-Font-Files, EC0Lint-стиль)
• ✅ Проверка формата изображения (более легкие форматы, в стиле EC0Lint)
• ✅ Light Libraries - Lodash (Избегайте Lodash, EC0Lint)
• ✅ Light Libraries-Date-FNS (без даты FNS, EC0Lint)
• ✅ Light Libraries-Moment.js (no-moment-js, ec0lint)

✅ v2.0.0 - октябрь - модули CO2 + плагин React

• ✅ Расчет CO2 (EC0Lint)
• ✅ Расчет CO2 (EC0Lint-стиль)
• ✅ Реакция плагина (EC0Lint-Plugin-React)
• ✅ Light Libraries - jquery ajax (no -ajax, ec0lint)
• ✅ Light Libraries-JQUERY AJAX EVENTS (NO-AJAX-EVENTS, EC0LINT)
• ✅ Font-Display (Tear-Font-Display, EC0Lint-стиль)

✅ v2.1.0 - январь - 20 реализаций правил, 15 уникальных правил

• ✅ Формат изображения (более легкие форматы, EC0Lint)
• ✅ Видеоформат (более легкие видеоформаты, EC0Lint)
• ✅ плагин HTML (EC0Lint-Plugin-HTML)
• ✅ Ленивая загрузка (eff-razy-загрузка, ec0lint-plugin-html)
• ✅ Источник шрифта (без проживания на фонарях, EC0Lint-стиле)
• ✅ Light Libraries-jquery and Self (no и self, ec0lint)
• ✅ Light Libraries-jquery animate (без аналиста, EC0Lint)
• ✅ Light Libraries-jquery attr (no-attr, ec0lint)
• ✅ Light Libraries-jQuery Bind (No-Bind, EC0Lint)
• ✅ Видео автоматическое игру (требуется Aut-Play, EC0Lint)

? v3.0.0 - апрель - плагины IDE + сканирование ресурсов

• ☑ плагин VSCODE EC0Lint
• ? Плагин VSCODE EC0LINT-стиль
• ? Плагин Intellij EC0Lint
• ? Плагин Intellij EC0Lint в стиле
• ? Проверка цветов (фоновая проверка, в стиле EC0Lint)
• ? Размер изображения (проверка размера изображения, в стиле EC0Lint)
• ? Размер видео (Video-Validation, EC0Lint-стиль)
• ☑ Light Libraries-модель ящика jQuery (без коробки, EC0Lint)
• ☑ Light Libraries-браузер jQuery (без браузера, EC0Lint)

v4.0.0 - июнь - плагин TypeScript

• Плагин TypeScript (EC0Lint-Plugin-тип)
• Более легкий HTTP (Ligher-HTTP, EC0Lint-Plugin-тип)
• Светлые библиотеки-Lodash (избегайте-лодаш, EC0Lint-Plugin-тип)
• Light Libraries-Date-FNS (без даты FNS, EC0Lint-Plugin-тип)
• Light Libraries-Moment.js (NO-MOMENT-JS, EC0LINT-PLUGIN-тип)
• Light Libraries-jquery ajax (no-ajax, ec0lint-plugin-тип)
• Светлые библиотеки-события jquery ajax (без ajax-events ec0lint-plugin-typescript)
• Видеоформат (более легкие видеоформаты, тип EC0Lint-Plugin)
• Ленивая загрузка (eC0Lint-Plugin-тип)
• Видео автоматическая игра (требуется Aut-Play, EC0Lint-Plugin-тип)

v5.0.0 - сентябрь - отчет CI/CD

• CI/CD Report
• Исследование - сценарии отслеживания пользователей
• Исследование - темный режим
• Исследование - новые правила
• Новые правила

Следующий:

• Бюджет веб -сайта
• Угловой плагин
• Vue плагин
• -Фиксированный вариант

Легенда:

• ✅ выпущен
• ☑ реализовано, еще не выпущен
• ? в ходе выполнения
• ? задача взять
• делать в будущих выпусках

Как начать вносить свой вклад

Если вы хотите внести свой вклад, просто напишите нам и начните кодирование!

Вы можете посмотреть на задачи, отмеченные? Или в наших проблемах (https://github.com/ec0lint/ec0lint/issues) и ищите задачу для вас.

Спасибо!

Мы открыты для сотрудничества по улучшению EC0Lint, и мы очень благодарны за все взносы и отзывы о инструменте. Спасибо за создание устойчивой цифровой среды с нами!

Контакт: [email protected]