Eslint

我們?cè)谌粘ｉ_(kāi)發(fā)中都會(huì)使用 Eslint，在我們的代碼寫(xiě)的不符合規(guī)范的時(shí)候，Eslint 配合 Vscode插件 能報(bào)出錯(cuò)誤讓我們知道，促使我們?nèi)バ薷倪@些有問(wèn)題的代碼：

但是不知道你們有沒(méi)有遇到過(guò)，當(dāng)你的項(xiàng)目太大的時(shí)候，代碼量多了，這時(shí)候 Eslint 的檢測(cè)就會(huì)很慢，我遇到過(guò)最慢的居然達(dá)到30多秒！?。?！

Oxlint

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

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

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

1.超強(qiáng)的性能

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

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

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

2.高效檢查代碼

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

3.使用方便

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

Oxlint 的使用

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

在項(xiàng)目的根目錄下運(yùn)行：

npx oxlint@latest

獲取規(guī)則列表：

npx oxlint@latest --rules

獲取配置說(shuō)明：

npx oxlint@latest --help

Vscode插件也有：