我發現 t3-env 使用 Biomejs 進行 linting 目的。本文概述了 Biomejs 以及 t3-env 中的用法。
Biome.js
Biome.js 是一個適用於您的 Web 專案的工具鏈。它有助於格式化和檢查您的項目。
快速開始
- 安裝
npm install - save-dev - save-exact @biomejs/biome
2.配置
npx @biomejs/biome init
當您執行上述命令時,它會自動建立 biome.json 檔案。下面是執行
時預設產生的程式碼
上面的命令在biome.json。
{ "$schema": "https://biomejs.dev/schemas/1.9.4/schema.json", "vcs": { "enabled": false, "clientKind": "git", "useIgnoreFile": false }, "files": { "ignoreUnknown": false, "ignore": [] }, "formatter": { "enabled": true, "indentStyle": "tab" }, "organizeImports": { "enabled": true }, "linter": { "enabled": true, "rules": { "recommended": true } }, "javascript": { "formatter": { "quoteStyle": "double" } } }
linter.enabled: true 啟用linter 和rules.recommished: true 啟用建議規則。這對應於預設設定。
預設啟用格式化,但您可以透過明確使用 formatter.enabled: false 來停用它。
3.生物群係指令
a.格式
您可以使用帶有 — write 選項的 format 指令來格式化檔案和目錄:
npx @biomejs/biome format - write <files> </files>
b.棉絮
您可以使用帶有 — write 選項的 lint 指令對檔案和目錄進行 lint 和應用程式安全性修正:
npx @biomejs/biome lint - write <files> </files>
c.檢查
您可以透過利用檢查命令來運行格式和連結:
npx @biomejs/biome check - write <files> </files>
Biome.js 在 t3-env 中的使用
- package.json 中的腳本
"lint": "biome check .", "lint:fix": "biome check . - apply",
這被發現使用了應用程式格式和 linting 的 check CLI 指令。不過有一個變體,lint 只檢查 linting 問題,但是當你執行 lint:fix 時,它是用 — apply 執行的。
— apply — Alias for — write,寫入安全修復、格式化和導入排序(已棄用,使用 — write)
2.生物群落.json
{ "$schema": "https://biomejs.dev/schemas/1.5.3/schema.json", "organizeImports": { "enabled": true }, "formatter": { "enabled": true, "indentWidth": 2, "indentStyle": "space" }, "linter": { "enabled": true, "rules": { "recommended": true, "a11y": { "noSvgWithoutTitle": "off", "useButtonType": "off", "useAltText": "off" }, "complexity": { "noBannedTypes": "off" }, "style": { "useImportType": "error", "useExportType": "error" } } }, "overrides": [ { "include": ["**/*.test.ts"], "linter": { "rules": { "suspicious": { "noExplicitAny": "off" } } } } ], "vcs": { "enabled": true, "clientKind": "git", "useIgnoreFile": true } }
關於我們:
在 Thinkthroo,我們研究大型開源專案並提供架構指南。我們開發了使用 Tailwind 建構的可重複使用元件,您可以在專案中使用它們。我們提供 Next.js、React 和 Node 開發服務。
與我們預約會面討論您的專案。
參考資料:
1. https://biomejs.dev/
2. https://github.com/t3-oss/t3-env/blob/main/biome.json
3. https://github.com/t3-oss/t3-env/blob/main/package.json#L10
以上是Biome.js,一個用於格式化和檢查 Web 專案的工具鏈的詳細內容。更多資訊請關注PHP中文網其他相關文章!

JavaScript字符串替換方法詳解及常見問題解答 本文將探討兩種在JavaScript中替換字符串字符的方法:在JavaScript代碼內部替換和在網頁HTML內部替換。 在JavaScript代碼內部替換字符串 最直接的方法是使用replace()方法: str = str.replace("find","replace"); 該方法僅替換第一個匹配項。要替換所有匹配項,需使用正則表達式並添加全局標誌g: str = str.replace(/fi

本教程向您展示瞭如何將自定義的Google搜索API集成到您的博客或網站中,提供了比標準WordPress主題搜索功能更精緻的搜索體驗。 令人驚訝的是簡單!您將能夠將搜索限制為Y

因此,在這裡,您準備好了解所有稱為Ajax的東西。但是,到底是什麼? AJAX一詞是指用於創建動態,交互式Web內容的一系列寬鬆的技術。 Ajax一詞,最初由Jesse J創造

本文系列在2017年中期進行了最新信息和新示例。 在此JSON示例中,我們將研究如何使用JSON格式將簡單值存儲在文件中。 使用鍵值對符號,我們可以存儲任何類型的

利用輕鬆的網頁佈局:8 ESTISSEL插件jQuery大大簡化了網頁佈局。 本文重點介紹了簡化該過程的八個功能強大的JQuery插件,對於手動網站創建特別有用

核心要點 JavaScript 中的 this 通常指代“擁有”該方法的對象,但具體取決於函數的調用方式。 沒有當前對象時,this 指代全局對象。在 Web 瀏覽器中,它由 window 表示。 調用函數時,this 保持全局對象;但調用對象構造函數或其任何方法時,this 指代對象的實例。 可以使用 call()、apply() 和 bind() 等方法更改 this 的上下文。這些方法使用給定的 this 值和參數調用函數。 JavaScript 是一門優秀的編程語言。幾年前,這句話可

jQuery是一個很棒的JavaScript框架。但是,與任何圖書館一樣,有時有必要在引擎蓋下發現發生了什麼。也許是因為您正在追踪一個錯誤,或者只是對jQuery如何實現特定UI感到好奇

該帖子編寫了有用的作弊表,參考指南,快速食譜以及用於Android,BlackBerry和iPhone應用程序開發的代碼片段。 沒有開發人員應該沒有他們! 觸摸手勢參考指南(PDF)是Desig的寶貴資源


熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

AI Hentai Generator
免費產生 AI 無盡。

熱門文章

熱工具

Safe Exam Browser
Safe Exam Browser是一個安全的瀏覽器環境,安全地進行線上考試。該軟體將任何電腦變成一個安全的工作站。它控制對任何實用工具的訪問,並防止學生使用未經授權的資源。

SublimeText3 Linux新版
SublimeText3 Linux最新版

SublimeText3漢化版
中文版,非常好用

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)