Node.js - Package - Prettier

Quick Chat

Prettier 是一個代碼格式化工具，用於保持代碼風格一致。

Guide

• Prettier · Opinionated Code Formatter
• playground
• 如何配置 prettier

Install

pnpm add -D prettier

VSCode

• 擴充功能 : Prettier - Code formatter
• 啟用 Editor : Format on Save
• 選擇 Default Formatter 為 Prettier - Code Formatter

Configure

• .prettierrc : Configuration File · Prettier
• .prettierignore : Ignoring Code · Prettier

Plugins

• prettier-plugin-organize-imports : 排序/合併/移除未使用的 import 聲明

{
  "plugins": ["prettier-plugin-organize-imports"]
}

Issue

當跨平台協同的時候會有結尾符的問題

• [eslint] Delete CR eslint(prettier/prettier) issue
• 令人困擾的git autocrlf – Opass Life

於 .prettierrc 新增參數

{
  "endOfLine": "auto"
}