JavaScript Pretty Print – uljepšajte i izvezite kod
JavaScript Pretty Print formatira zalijepljeni ili povučeni JavaScript kako bi ga bilo lakše čitati i pregledavati. Odaberite predložak Readable, Compact ili Expanded, zatim postavite uvlačenje i druge dostupne opcije. Alat koristi Prettier te prikazuje izlaz s isticanjem sintakse i brojevima redaka uz izvornik. Kopirajte rezultat ili ga izvezite kao HTML ili tekst ograđen Markdownom.
JavaScript Pretty Print je alat za uljepšavanje JavaScripta u pregledniku koji kod čini lakšim za čitanje i pregled. Razlikuje se od uljepšivača (Beautifier) i koristi Prettier u pozadini. Zalijepite ili povucite JavaScript kako biste vidjeli formatiranu verziju s isticanjem sintakse i brojevima redaka, prikazanu uz izvornik.
Odaberite predložak Readable, Compact ili Expanded, zatim postavite uvlačenje i opcije koje vam trebaju. Te kontrole oblikuju formatirani izlaz; alat vam također omogućuje kopiranje rezultata ili izvoz kao HTML ili tekst ograđen Markdownom. Prikaz jedan uz drugi pomaže vam pregledati izvornu i ispisane verzije bez gubitka iz vida izvornika.
JavaScript ostaje JavaScript i nakon uljepšavanja, ali mu je prilagođen izgled kako bi se kod lakše čitao. Dosljedno uvlačenje može učiniti generirane ili nepoznate datoteke preglednijima i smanjiti šum praznih znakova kada promatrate promjene u kodu. Predlošci nude različita polazišta formatiranja za zadatke poput pregleda koda, otklanjanja pogrešaka ili pripreme isječka za dijeljenje.
JavaScript Pretty Print je besplatan i radi u cijelosti u vašem pregledniku. Vaš ulaz se obrađuje na vašem uređaju; ne prenosi se, ne pohranjuje se niti se šalje na poslužitelj. Nakon što se stranica učita, alat radi izvan mreže, pa kod možete formatirati bez aktivne veze. Može pomoći developerima i DevOps inženjerima koji žele brz način pregleda, formatiranja, usporedbe ili dijeljenja JavaScripta.
Korak 1: Zalijepite ili povucite svoj JavaScript u alat. Alat prihvaća JavaScript ulaz za formatiranje.
Korak 2: Odaberite predložak: Readable, Compact ili Expanded. Svaki vam daje polazište za formatiranje jednim klikom.
Korak 3: Odaberite uvlačenje i sve dostupne opcije. Te postavke omogućuju prilagodbu prikaza formatiranog izlaza.
Korak 4: Pregledajte rezultat uz izvornik. Isticanje sintakse i brojevi redaka olakšavaju pregled formatiranog JavaScripta.
Korak 5: Kopirajte formatirani izlaz ili ga izvezite kao HTML ili tekst ograđen Markdownom za dijeljenje.
Primjer upotrebe: Učinite nečitljivu, strojno generiranu JavaScript datoteku lakšom za pregled prije nego je pohranite (commit). Dosljedno formatiranje pomaže da se usredotočite na kod, a ne na njegov izgled.
Primjer upotrebe: Provjerite JavaScript koji je napisao netko drugi u odnosu na stil koji morate slijediti. Koristite predložak i postavke uvlačenja kako biste dobili jasniji prikaz.
Primjer upotrebe: Smanjite šum praznih znakova u diffu dosljednim formatiranjem JavaScripta prije usporedbe promjena. Tako je lakše uočiti bitne izmjene.
Primjer upotrebe: Formatirajte isječak prije dodavanja u prijavu greške ili pregled koda. Isticanje sintakse i brojevi redaka pomažu čitateljima u snalaženju po kodu.
Primjer upotrebe: Provjerite raščlanjuje li se JavaScript ulaz čisto i pronađite redak u kojem se pojavljuje problem. To može pomoći u sužavanju problema s formatiranjem ili sintaksom.
Primjer upotrebe: Usporedite izvorni i formatirani JavaScript jedan uz drugi pri pregledu generiranog ili nepoznatog koda. Dva prikaza olakšavaju pregled promjena u izgledu.
Primjer upotrebe: Izvezite formatirani JavaScript kao HTML ili tekst ograđen Markdownom kada vam je potreban čitljiv primjer koda u zajedničkim materijalima.