MGA TOOL PARA SA DEVELOPER

JavaScript Beautifier

I-format ang magulo na JavaScript gamit ang Prettier sa iyong browser. Pumili ng parser, lapad, indentation, mga quote, semicolon, trailing comma, at naka-embed na paghawak ng code.

JavaScript formatter

Awtomatikong nag-a-update ang output gamit ang Prettier habang nagta-type ka, nag-paste, naglo-load ng file, o nagbabago ng mga opsyon. Ang pag-format ay tumatakbo sa browser na ito.

Prettier na mga opsyon
Kasalukuyang format

-

Output byte Idinagdag ang
Input byte
0
Bytes
0
Mga linya ng input
0
Mga linya ng output
0

I-paste ang wastong JavaScript upang makita ang awtomatikong na-format na output.

Naka-save sa device na ito

Ang mga kamakailang resulta ng pagpapaganda ay mananatili sa browser na ito lamang.

No data
Wala pang naka-save na resulta ng pagandahin.

Paano Pagandahin ang JavaScript nang Ligtas

Ano ang ginagawa ng formatter na ito

Prettier pag-format

Gumagamit ang tool na ito ng Prettier sa browser, kaya tumutugma ang mga na-paste na snippet sa parehong mga panuntunan sa pag-format na ginagamit ng maraming proyekto.

Mga tunay na opsyon sa Prettier

Gumamit ng parser, lapad ng pag-print, mga tab, semicolon, quote, trailing comma, at mga pagpipilian sa bracket mula sa Prettier mismo.

Browser-lokal na mga plugin

Ang JavaScript, TypeScript, HTML, CSS, GraphQL, Markdown, at YAML parser plugin ay lokal na naka-bundle para sa pag-format ng browser.

Mga karaniwang pagkakamali

Pagpili ng maling parser

Kung nabigo ang TypeScript o TSX sa parser ng JavaScript, ilipat ang parser sa TypeScript / TSX.

Inaasahan ang mga custom na istilo ng brace

Prettier ay opinionated. Hindi nito inilalantad ang bawat pagpipiliang istilo ng brace o whitespace.

Paggamit nito bilang type checker Ang

Prettier ay nag-parse at nagpi-print ng code. Hindi nito type-check code o pinapalitan ang iyong project build.

Mga Tip

Idikit muna

I-paste ang code o baguhin ang isang opsyon at awtomatikong mag-a-update ang output gamit ang kasalukuyang mga setting ng Prettier.

Itugma ang iyong proyekto

Gamitin ang parehong lapad ng pag-print, mga tab, tuldok-kuwit, quote, at mga pagpipiliang trailing comma na ginagamit ng iyong proyekto.

I-save ang mga kapaki-pakinabang na snippet

Mag-save ng resulta kapag gusto mong paghambingin ang mga opsyon o muling gamitin ang parehong snippet mamaya sa browser na ito.