Js-beautify: рдЪрдпрдирдХрд░реНрддрд╛ рдФрд░> рдХреЙрдореНрдмрд┐рдиреЗрдЯрд░ рдХреЗ рдмреАрдЪ рдХреА рдЬрдЧрд╣ рд╕реБрд░рдХреНрд╖рд┐рдд рд░рдЦреЗрдВ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 12 рдЕрдХреНрддреВре░ 2016  ┬╖  6рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: beautify-web/js-beautify

> рдХреЙрдореНрдмреАрдиреЗрдЯрд░ рд╡рд╛рд▓реЗ CSS рдирд┐рдпрдо рдХреЛ рд╕реБрд╢реЛрднрд┐рдд рдХрд░рддреЗ рд╕рдордп, рдХреЙрдореНрдмрд┐рдиреЗрдЯрд░ рдкрд┐рдЫрд▓реЗ рдЪрдпрдирдХрд░реНрддрд╛ рд╕реЗ рдЪрд┐рдкрдХ рдЧрдпрд╛ред рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ, рднрд▓реЗ рд╣реА рдпрд╣ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рд╕рд╣реА рдврдВрдЧ рд╕реЗ рд╕реНрд╡рд░реВрдкрд┐рдд рд╣реЛ, рдЕрдВрддрд░рд┐рдХреНрд╖ рдХреЛ рд╣рдЯрд╛ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдпрд╣ рд╕реАрдПрд╕рдПрд╕ рдлрд╝рд╛рдЗрд▓реЛрдВ рдореЗрдВ js-beautify рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдореБрд╢реНрдХрд┐рд▓ рдмрдирд╛рддрд╛ рд╣реИ рдЬрд┐рд╕рдореЗрдВ рдХреЙрдореНрдмрд┐рдиреЗрдЯрд░ рд╢рд╛рдорд┐рд▓ рд╣реИрдВ рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рдЪрдпрдирдХрд░реНрддрд╛рдУрдВ рдХрд╛ рдЙрддреНрдкрд╛рджрди рдХрд░реЗрдЧрд╛ рдЬреЛ рдХрд╛рдо рдирд╣реАрдВ рдХрд░реЗрдЧрд╛ред

рдЗрдирдкреБрдЯ

рд╕реМрдВрджрд░реНрдпреАрдХрд░рдг рд╕реЗ рдкрд╣рд▓реЗ рдХреЛрдб рдЗрд╕ рддрд░рд╣ рджрд┐рдЦрддрд╛ рдерд╛:

.foo > h3 {
    ...
}

рдЕрдкреЗрдХреНрд╖рд┐рдд рдЙрддреНрдкрд╛рджрди

рдореБрдЭреЗ рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ рдЗрдирдкреБрдЯ рдореЗрдВ рдмрджрд▓рд╛рд╡ рдирд╣реАрдВ рд╣реЛрдЧрд╛ред рд╕реМрдВрджрд░реНрдпреАрдХрд░рдг рдХреЗ рдмрд╛рдж рдХреЛрдб рдХреЛ рдЗрд╕ рддрд░рд╣ рджрд┐рдЦрдирд╛ рдЪрд╛рд╣рд┐рдП:

/* Space here
    V */
.foo > h3 {
    ...
}

рд╡рд╛рд╕реНрддрд╡рд┐рдХ рдЙрддреНрдкрд╛рджрди

рдХреЛрдб рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рд╕реМрдВрджрд░реНрдпреАрдХрд░рдг рдХреЗ рдмрд╛рдж рдЗрд╕ рддрд░рд╣ рджрд┐рдЦрддрд╛ рдерд╛:

/* No space 
   V */
.foo> h3 {
    ...
}

рд╡рд╛рддрд╛рд╡рд░рдг

OS: рдЖрд░реНрдХрд▓рд┐рдирдХреНрд╕, Emacs рд╡реЗрдм- рдмреНрдпреВрдЯрд┐рдлрд╛рдЗ.рд▓ рдХреЗ рд╕рд╛рде

рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛ рдХреЗрд╡рд▓ Emacs рдХреЗ рдмрд╛рд╣рд░ рдХрдорд╛рдВрдб рд▓рд╛рдЗрди рдХреЗ рддрд╣рдд рдкрд░реАрдХреНрд╖рдг рдХрд┐рдпрд╛ рдЧрдпрд╛ред

рд╕рдорд╛рдпреЛрдЬрди

рдЪреВрдХ

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдирдорд╕реНрдХрд╛рд░! рдЬрдм рднреА рдореИрдВ css рдлрд╝рд╛рдЗрд▓ рдХреЛ рд╕реБрд╢реЛрднрд┐рдд рдХрд░рддрд╛ рд╣реВрдВ, рддрдм рднреА рдореЗрд░реЗ рдкрд╛рд╕ рдХрд┐рд╕реА рднреА рднрд╛рдИ-рдмрд╣рди рдХреЗ рдЪрдпрдирдХрд░реНрддрд╛ рдХреЗ рдЖрд╕рдкрд╛рд╕ "рдХреЛрдИ рд╕реНрдерд╛рди рдирд╣реАрдВ" рд╣реЛрддрд╛ рд╣реИред
рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдкрд░рдорд╛рдгреБ-рд╕реМрдВрджрд░реНрдпреАрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВред

рд╕рднреА 6 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

рдпрд╣ 1.6.4 рдореЗрдВ рддрдп рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рдпрд╣ рддрдм рд╕реЗ рдирд╣реАрдВ рд╣реБрдЖ рд╣реИ рдЬрдм рд╕реЗ рдореИрдВрдиреЗ space_around_combinator рд╕рд╣реА, рдореЗрд░реЗ рдмреБрд░реЗ рдХреЛ рд╕реЗрдЯ рдХрд┐рдпрд╛ред рдпрд╣ рдкрд░рдо рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ рд╕рд╣реА рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред

рдирдорд╕реНрдХрд╛рд░! рдЬрдм рднреА рдореИрдВ css рдлрд╝рд╛рдЗрд▓ рдХреЛ рд╕реБрд╢реЛрднрд┐рдд рдХрд░рддрд╛ рд╣реВрдВ, рддрдм рднреА рдореЗрд░реЗ рдкрд╛рд╕ рдХрд┐рд╕реА рднреА рднрд╛рдИ-рдмрд╣рди рдХреЗ рдЪрдпрдирдХрд░реНрддрд╛ рдХреЗ рдЖрд╕рдкрд╛рд╕ "рдХреЛрдИ рд╕реНрдерд╛рди рдирд╣реАрдВ" рд╣реЛрддрд╛ рд╣реИред
рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдкрд░рдорд╛рдгреБ-рд╕реМрдВрджрд░реНрдпреАрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВред

рдореИрдВ рднреА

@NSExceptional @ рд╕рдмрдлрд╛рдЗрдЯрд░ 3

https://beautifier.io/ рд╕реЗрдЯрд┐рдВрдЧ рдХреЗ рд╕рд╛рде:

{
"space_around_combinator": true
}

рдЕрдкреЗрдХреНрд╖рд╛ рдХреЗ рдЕрдиреБрд╕рд╛рд░ рдкреНрд░рд╛рд░реВрдкред рдПрдЯрдо рдмреНрдпреВрдЯрд┐рдлрд╛рдпрд░ рдореЗрдВ рдлрд┐рдХреНрд╕ рдХреА рдЬрд░реВрд░рдд рд╣реЛрдЧреАред

рдзрдиреНрдпрд╡рд╛рдж!

рдзрдиреНрдпрд╡рд╛рдж!

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

jsejcksn picture jsejcksn  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

aeschli picture aeschli  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

Hirse picture Hirse  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

Hirse picture Hirse  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

iofjuupasli picture iofjuupasli  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ