ec0lint

網站|配置|規則

EC0LINT是一種靜態代碼分析工具，可為用戶提供有關如何在開發過程中減少其網站碳足蹟的提示。應用EC0LINT建議的代碼更改會導致每次訪問較低的碳排放，更快的負載和更高的空間效率。該工具是開源和社區驅動的。

我們的目標

您是否知道每天發布超過25萬個網站？

大多數人使用的字體太重，太大/不必要的圖像或使用冗餘庫。這些和其他因素產生了碳足跡。實際上，平均網站的一個視圖發射1.8 g CO2，每年總計216千克二氧化碳。不幸的是，當前的解決方案僅優化已經存在的網站。

EC0LINT是用於降低網站碳足蹟的前端開發人員的工具。它顯示了建議如何創建更適合氣候的代碼。得益於代碼優化，EC0LINT可以幫助將CO2排放量從1.8 g減少到〜0.2 g節省198 kg CO2（-88％！）。

該工具是自定義的，並且可以調整分析期間應用的每個規則，也可以視為提示而不是錯誤。這種靈活性使開發人員可以在不中斷EC0LINT的情況下實現目標，同時引起人們對可能的改進的關注。

開始

確保已安裝節點

（a）如果您的代碼包含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- 6月-MVP

• ✅更輕的HTTP（較輕的HTTP，EC0LINT）
• ✅字體格式（no-ttf-font文件，ec0lint風格）
• ✅圖像格式驗證（較輕的圖像形式，EC0LINT風格）
• ✅光圖庫-Lodash（避免銷售，ec0lint）
• ✅光圖庫-Date-fns（no-fate-fns，ec0lint）
• ✅光圖庫-Moment.JS（無紋章JS，EC0LINT）

✅v2.0.0-十月-CO2模塊 + React插件

• ✅二氧化碳計算（EC0LINT）
• ✅二氧化碳計算（EC0LINT風格）
• ✅插件react（ec0lint-plugin-react）
• ✅光圖庫-JQuery Ajax（No -Ajax，Ec0lint）
• ✅輕庫-JQuery Ajax事件（無ajax-events，ec0lint）
• ✅字體 - 播放（Require-Font-Display，Ec0lint Style）

✅v2.1.0- 1月-20個規則實施，15個獨特的規則

• ✅圖像格式（較輕形象形式，ec0lint）
• ✅視頻格式（較輕的視頻格式，ec0lint）
• ✅插件html（ec0lint-plugin-html）
• ✅懶惰加載（Reirect-Lazy-Loading，Ec0lint-Plugin-HTML）
• ✅字體源（無主託在線fonts，ec0lint風格）
• ✅光圖庫 - jQuery and self（無與倫比，ec0lint）
• ✅輕庫 - jQuery動畫（無生動，ec0lint）
• ✅輕庫 - jQuery attr（no-attr，ec0lint）
• ✅光圖庫 - jQuery綁定（無界，ec0lint）
• ✅視頻自動播放（需要自動播放，ec0lint）

？ v3.0.0- 4月 - IDE插件 +資源掃描

• ☑️VSCODE插件ec0lint
• ？ VSCODE插件EC0LINT風格
• ？ Intellij插件EC0LINT
• ？ Intellij插件EC0LINT風格
• ？顏色驗證（背景色 - 驗證，EC0LINT風格）
• ？圖像尺寸（圖像大小驗證，EC0LINT風格）
• ？視頻尺寸（視頻大小驗證，EC0LINT風格）
• ☑️光庫 - jQuery Box模型（No-Box-Model，Ec0lint）
• ☑️光庫 - jQuery瀏覽器（no-browser，ec0lint）

v4.0.0-六月 - 打字稿插件

• 打字稿插件（ec0lint-plugin-typecript）
• 較輕的HTTP（較輕的HTTP，Ec0lint-Plugin-typecript）
• 光庫-Lodash（避免長途型，ec0lint-plugin-typecript）
• 燈圖庫-Date-FNS（NO-PATE-FNS，EC0LINT-PLUGIN-typecript）
• 光圖庫-Moment.js（nomoment-js，ec0lint-plugin-typecript）
• 光庫-JQuery Ajax（No-Ajax，Ec0lint-Plugin-typecript）
• 光庫-JQuery Ajax事件（無ajax-events ec0lint-plugin-typecript）
• 視頻格式（較輕的視頻格式，ec0lint-plugin-typecript）
• 懶惰的加載（需要淋濕加載，ec0lint-plugin-typecript）
• 視頻自動播放（需要自動播放，ec0lint-plugin-typecript）

v5.0.0- 9月-CI/CD報告

• CI/CD報告
• 研究 - 用戶跟踪腳本
• 研究 - 黑暗模式
• 研究 - 新規則
• 新規則

下一個：

• 網站預算
• 角插件
• VUE插件
• - fix選項

傳奇：

• ✅發行
• ☑️實施，尚未發布
• ？進行中
• ？要承擔的任務
• 將來發行

如何開始貢獻

如果您想做出貢獻，只需寫信給我們並開始編碼！

您可以查看標記為標記的任務嗎？或在我們的問題上（https://github.com/ec0lint/ec0lint/issues），並為您搜索任務。

謝謝你！

我們願意在改善EC0LINT方面的協作，我們非常感謝對該工具的所有貢獻和反饋。感謝您與我們建立可持續的數字環境！

conctact：[email protected]