Formattare CSS per review e passaggio di consegne

Quando si applica

CSS minificato o bundle vendor: beautify per lettura umana; minifica solo per l'artefatto prod desiderato.

Strumento da usare

Formatta o minifica codice CSS.

Apri Beautify/minify CSS →

Passaggi

  1. 1Incolla il CSS da build o fornitore.
  2. 2Verifica che l'indentazione mostri regole e media query.
  3. 3Non minificare durante la review.
  4. 4Associa ai diff Git per evitare slittamenti di comportamento.

Esempi

  • CSS widget terzo beautify prima degli override di stile.
  • Foglio legacy normalizzato prima di estrarre design token.

Cosa evitare

  • Minificare in review e nascondere cambiamenti strutturali.
  • Pensare che beautify ripari sintassi invalida.
  • Prendere CSS vendor beautify come verita senza pin di versione.

Strumenti correlati

Sul blog

Altro in Strumenti sviluppatore e dati

Tutte le guide per attività oppure l’elenco completo nel hub Strumenti sviluppatore e dati.

FAQ

Beautify o lint?

Beautify per leggere; lint per le regole una volta leggibile.

Specificita?

Dovrebbero cambiare solo spazi; tieni d'occhio il diff.

Tutte le guide per attività · Strumenti Strumenti sviluppatore e dati · Blog