Eslint

我們在日常開發(fā)中都會使用 Eslint，在我們的代碼寫的不符合規(guī)范的時候，Eslint 配合 Vscode插件 能報出錯誤讓我們知道，促使我們?nèi)バ薷倪@些有問題的代碼：

但是不知道你們有沒有遇到過，當你的項目太大的時候，代碼量多了，這時候 Eslint 的檢測就會很慢，我遇到過最慢的居然達到30多秒?。。?！

Oxlint

12 月 12 日，Oxlint 正式發(fā)布，它是又字節(jié)跳動發(fā)布的，底層是通過 Rust 實現(xiàn)的。這是一個 JavaScript linter，旨在捕獲錯誤或無用的代碼，默認情況下不需要任何配置。根據(jù)官方的介紹，Oxlint 使用 Rust 編寫，速度比 ESLint 快 50-100 倍！

我總結(jié)一下，Oxlint 現(xiàn)階段還不會完全取代 Eslint，但是 Oxlint 的優(yōu)勢有：

• 比 Eslint 快 50-100 倍，其實也取決你的電腦的 CPU 數(shù)量
• 規(guī)則很多，集合了 eslint、eslint-plugin-react、eslint-plugin-jest 等規(guī)則
• 支持 .eslintignore
• 支持ESLint 注釋禁用

1.超強的性能

Oxlint 的性能真的非常優(yōu)秀，因為底層是 Rust 寫的，Rust 具備并行處理的機制，我們可以看下面的圖，可以發(fā)現(xiàn) Oxlint 比 Eslint 快 50-100倍！

并且 Vue 大佬尤雨溪表示，200條規(guī)則 + 590 個文件，只需要 50 毫秒就檢驗完了，第二次甚至只需要 30 毫秒?。。?/p>

Menorepo 的創(chuàng)建者也表示 Oxlint 很棒。

2.高效檢查代碼

Oxlint 專注于識別出代碼中那些不合理的錯誤，比如錯誤的、冗余的、令人困惑的代碼。而不會去鉆牛角尖地檢查你代碼的性能、可疑性。這其實大大提高了檢查代碼的效率~

3.使用方便

當你的代碼出現(xiàn)錯誤時，Oxlint 會提供比較明確提示信息給你看，讓你一眼就看出是什么錯誤，而不需要你去翻閱文檔去查找

Oxlint 的使用

注意：Oxlint 不是用來替代 Eslint 的，可以用來提升 Eslint 的性能。

在項目的根目錄下運行：

npx oxlint@latest

獲取規(guī)則列表：

npx oxlint@latest --rules

獲取配置說明：

npx oxlint@latest --help

Vscode插件也有：