prettier

這篇文章將解釋如何設定一個讓 React 開發容易且簡潔的 VS Code 環境，並且擁有程式碼檢查的提示和保存時自動格式化的功能。 ESLint 首先，我們將安裝 ESLint。ESLint 是一個非常棒的工具，可以幫助您保持程式碼整潔並符合規範。 使用 ESLint 延伸套件 安裝 ESLint 到 VS Code 的擴充套件商店。 然後，在終端機中執行以下 Yarn 命令（如果尚未安裝 Yarn，請參考我的教學鏈接獲取簡短的指南）： yarn add babel-eslint yarn add eslint-config-airbnb yarn add eslint-plugin-jsx-a11y yarn add eslint-plugin-react 接下來，在專案的根目錄中建立一個 .eslintrc.json 檔案，並添加以下內容以設定適用於 React 開發的基本 ESLint 配置，包括 JSX 支援： { "parser": "babel-eslint", "extends": "airbnb", "plugins": ["react", "jsx-a11y", "import"] } Prettier 接下來，我們建議安裝 Prettier。Prettier 是一個 JavaScript 的文風一致性格式化工具。它是一個很棒的工具，可以幫助您統一程式碼風格，即使只有您獨自開發也非常有用。在團隊合作中，它更是非常有用，可以避免程式碼風格的差異。請按照 Prettier 建議的方式來使用。 您可以使用 Prettier 的 VS Code 擴充套件 來安裝 Prettier，使用 npm 命令：...

Prettier 是一個主觀的代碼格式化工具。它是保持您和團隊代碼格式一致的絕佳方式，並且支援許多不同的語言。 Prettier 簡介 選項較少 與 ESLint 的區別 安裝 Prettier 簡單入門 Prettier 簡介 Prettier 是一個主觀的代碼格式化工具。 它可以直接支援許多不同的語法，包括： JavaScript Flow, TypeScript CSS, SCSS, Less JSX GraphQL JSON Markdown 而通過使用 插件，您還可以在Python、PHP、Swift、Ruby、Java等語言中使用它。 它與許多常用的編輯器集成，包括 VS Code、Sublime Text、Atom 等等。 Prettier 在開發者中非常受歡迎，截至 2018 年 2 月已下載超過 350 萬次。 了解更多有關 Prettier 的重要連結： https://prettier.io/ https://github.com/prettier/prettier https://www.npmjs.com/package/prettier 選項較少 最近我學習了 Go 語言，其中最棒的事情之一就是 gofmt，這是一個官方工具，可以根據常見的標準自動為您格式化代碼。 95% 的 Go 代碼（估計數據）看起來都是一模一樣的，因為這個工具可以輕鬆地強制執行，並且由於樣式已經由 Go 維護者為您定義，所以您更有可能適應該標準，而不是堅持使用自己的風格，例如使用制表符還是空格，或者在哪裡放置左大括號。 這聽起來可能有些局限性，但它實際上非常強大。所有的 Go 代碼都是一模一樣的。 Prettier 是其它語言世界中的 gofmt。 它幾乎沒有什麼選項，大部分的決策已經為您定好，所以您可以停止就風格和細節問題進行爭論，並專注於寫代碼。 與 ESLint 的區別 ESLint 是一個檢查工具，它不僅僅可以格式化代碼，而且還能通過靜態分析程式碼來檢測錯誤。...

就像其他人一樣，我使用 Prettier 來格式化我的 JS 檔案。 但是，我遇到了一些 Prettier 對我的 HTML 進行格式化的問題，就像下面這樣： 我找到了解決方法，只需將以下內容添加到您的 settings.json 檔案中，讓 VS Code 使用預設的 HTML 格式化工具，而不是 Prettier： { "[html]": { "editor.defaultFormatter": "vscode.html-language-features" } }

在為 Astro 安裝 prettier 設定後，我在 package.json 檔案中遇到了一個錯誤，該錯誤實際上並不存在於該檔案的任何一行。 原來是 tailwind.config.js 是空的，加上兩個空括號即可修復此問題： { }