JavaScript / CSS formatteren
Maak JavaScript- en CSS-broncode netjes op
Kenmerken
Opmaak voor zowel JS als CSS
Maak JavaScript en CSS elk op via tabbladwisseling
Vier inspringbreedtes te kiezen
Ondersteunt 2 spaties, 4 spaties, tabs en comprimeren
Accoladestijl te kiezen
Bepaal in JS of de openingsaccolade op dezelfde regel of op een nieuwe regel staat
Stabiel dankzij Prettier
Stabiele uitvoer dankzij de gangbare opmaakbibliotheek
Gebruik
Kies een taaltabblad
Wissel tussen het tabblad JavaScript of CSS om het doel te kiezen
Plak de code
Voer in het invoerveld de broncode in die u wilt opmaken
Stel de stijl in
Kies de inspringbreedte en accoladestijl naar wens
Voer de opmaak uit
Druk op de opmaakknop om het resultaat te tonen en te kopiëren of op te slaan
Toepassingen
Opmaak vóór een codereview
Werk rommelige code bij naar een uniforme stijl om de review vlotter te laten verlopen
Gecomprimeerde code leesbaar maken
Vouw geminificeerde code uit om de inhoud te ontcijferen
Op te leveren code comprimeren
Verklein de bestandsgrootte voor distributie met de comprimeeroptie
Voorbeelden voor leerdoeleinden netjes maken
Maak gekopieerde code leesbaar om het begrip te ondersteunen
Basiskennis
Wat is code formatting?
Code formatting betekent dat je de inspringing, regelafbreking en positie van haakjes aanpast volgens vaste regels, zonder dat de functionaliteit verandert. Wanneer de schrijfstijl consistent is, zijn verschillen in code gemakkelijker te lezen bij samenwerking, wat de beoordelingslast vermindert.
Wat is Prettier?
Prettier is een formatter die wereldwijd veel wordt gebruikt voor het formatteren van JavaScript en CSS. Het is ontworpen met het idee om kleine opmerkingen over opmaak aan het gereedschap over te laten, zodat de stijl consistent blijft.
Veiligheid en privacy
Volledig in de browser
Ingevoerde gegevens worden alleen in uw browser verwerkt en niet naar buiten verzonden.
Verwerking alleen in browser
het opmaken van code vindt volledig in uw browser plaats, invoergegevens worden niet naar de server verzonden.
Communicatie versleuteld met HTTPS
Het laden van de pagina wordt ook versleuteld met TLS en de inhoud kan niet door derden worden gelezen.
Geen verzending naar derden
Invoergegevens worden niet naar externe services zoals advertentienetwerken of trackers verzonden.
Geen automatisch opslaan van resultaten
het opmaakresultaat of invoersuggesties worden niet op de server opgeslagen.
Volg RAKKOTOOLS in Google Zoeken
175 handige tools worden gemakkelijker te vinden via Google Zoeken en AI-zoekopdrachten!
- Gevonden via zoekopdracht
- Ook weergegeven in AI-zoekopdrachten
- Nieuwe tools ontdekken
Updates
- update #216
Probleem opgelost waarbij Japanse tekst op niet-Japanse pagina's van sommige tools werd weergegeven
Aanbevolen tools
175 gratis webtools die u nu meteen kunt gebruiken!