prettier-setup-IT.md

Guida Prettier — Setup Pulito e Affidabile (IT)

Configurazione minimale, prevedibile e coerente per Prettier (VSCode + npm + CI).
Evita conflitti, ignora solo ciò che serve e standardizza tra i repo.

---

---

Se la guida ti è utile, lascia una ⭐ e/o apri una PR!

TL;DR

npm i -D prettier
npm set-script format "prettier --write ."
npm set-script "format:check" "prettier --check ."

.prettierrc.json

{
  "$schema": "https://json.schemastore.org/prettierrc",
  "tabWidth": 2,
  "useTabs": false,
  "printWidth": 100,
  "singleQuote": false,
  "trailingComma": "es5",
  "semi": true,
  "endOfLine": "lf"
}

.prettierignore

node_modules
dist
build
coverage
.vscode
.DS_Store

.vscode/settings.json

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnSave": true,
  "prettier.requireConfig": true,
  "files.eol": "\n"
}

Come ignorare (correttamente)

• Una riga

  // prettier-ignore
  const x={a:1,b:2}

• Un blocco

  // prettier-ignore-start
  function demo() {
    return 1;
  }
  const x = { a: 1, b: 2 };
  // prettier-ignore-end

• Tutto il file (prima riga assoluta)

  // prettier-ignore-file

In JS/TS usa // (non /* */). Evita Format Selection se vuoi rispettare gli ignore: usa Format on Save / Format Document.

ESLint (opzionale)

npm i -D eslint-config-prettier eslint-plugin-prettier

.eslintrc minimale:

{
  "extends": ["eslint:recommended", "plugin:prettier/recommended"]
}

CI (GitHub Actions, opzionale)

.github/workflows/prettier.yml

name: Prettier
on: { pull_request: {}, push: { branches: [main] } }
jobs:
  check:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with: { node-version: 20 }
      - run: npm ci || npm i
      - run: npm run format:check

Troubleshooting rapido

1. In basso a destra devi vedere Prettier come formatter.
2. prettier.requireConfig: true → serve una .prettierrc vicina.
3. .editorconfig può sovrascrivere EOL/indent: allinealo o rimuovilo.
4. Disattiva altri formatter concorrenti (Beautify, Biome/Rome, ESLint formatter).
5. Parser auto: JS/TS → babel/babel-ts; HTML/CSS/JSON/MD built-in.
6. Non formattare file fuori workspace o in subfolder con altre config.

Buon lavoro! 🚀

🌍 Lingue

🌐 🇮🇹 IT — 🇬🇧 EN Vuoi aggiungere altre lingue? Contribuisci con una PR!

📝 Licenza

MIT © CodeCorn™ — Distribuito sotto licenza MIT.

⭐ Supporto

Se la guida ti è stata utile, metti una stella e condividila con il tuo team.

🤝 Contribuire

PR benvenute. Apri una issue per proposte/bug. Grazie!

🧭 Maintainer

👨‍💻 Federico Girolami

Full Stack Developer | System Integrator | Digital Solution Architect 🚀

📫 Get in Touch

🌐 Website: codecorn.it *(Under Construction)*

📧 Email: f.girolami@codecorn.it

🐙 GitHub: github.com/fgirolami29