Prettier 是一種代碼格式化工具,用於自動將代碼轉換為一致的格式。在 VSCode 中,可以通過以下步驟配置 Prettier:
安裝擴展程式。在 VSCode 中,首先需要安裝 Prettier 和 ESLint 擴展程式。
配置用戶設定。按下 Ctrl+Shift+P 打開命令面板,輸入 "settings" 打開用戶設定。在設定中,找到 "editor.defaultFormatter" 並將其設定為 "esbenp.prettier-vscode",以指定 Prettier 作為默認的代碼格式化器。
配置 Prettier 設定。在設定中,找到 "editor.formatOnSave" 並將其設定為 true,這樣每次保存檔案時,VSCode 都會自動使用 Prettier 進行格式化。此外,可以配置其他 Prettier 設定,例如 "prettier.singleQuote" 設定為 true 以使用單引號,"prettier.trailingComma" 設定為 "none" 以在對象或數組的最後一個元素後面不添加逗號等。
配置 ESLint 設定。在設定中,找到 "eslint.enable" 並將其設定為 true,以啟用 ESLint。同時,可以配置 "eslint.format.enable" 為 false,以避免在保存時自動使用 ESLint 進行格式化。此外,可以配置其他 ESLint 設定,例如 "eslint.rules" 中的特定規則,以確保代碼符合特定的質量標準。
通過這些設定,可以確保在 VSCode 中使用 Prettier 進行代碼格式化,並結合 ESLint 進行代碼檢查,從而保持代碼的一致性和質量。