Js-beautify: `force-expand-multiline`이 μ˜ˆμƒλŒ€λ‘œ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

에 λ§Œλ“  2017λ…„ 05μ›” 08일  Β·  17μ½”λ©˜νŠΈ  Β·  좜처: beautify-web/js-beautify

기술

force-expand-multiline 이 (κ°€) μ˜ˆμƒλŒ€λ‘œ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

μž…λ ₯

μ½”λ“œλŠ” λ―Έν™” 전에 λ‹€μŒκ³Ό 같이 λ³΄μ˜€μŠ΅λ‹ˆλ‹€.

<template>
  <div
    class="test"
    @click="test"
  >
    <input
      ref="test"
      v-if="test"
    >
      <div>
        <span>test</span>
      </div>
      </div>
</template>

μ˜ˆμƒ 좜λ ₯

μ½”λ“œλŠ” λ―Έν™” ν›„ λ‹€μŒκ³Ό κ°™μ•„μ•Όν•©λ‹ˆλ‹€.

<template>
  <div
    class="test"
    @click="test"
  >
    <input
      ref="test"
      v-if="test"
    >
    <div>
      <span>test</span>
    </div>
  </div>
</template>

μ‹€μ œ 좜λ ₯

μ½”λ“œλŠ” μ‹€μ œλ‘œ λ―Έν™” ν›„ λ‹€μŒκ³Ό 같이 λ³΄μž…λ‹ˆλ‹€.

> html-beautify --version
1.6.12
> html-beautify -f test.html -A "force-expand-multiline"
<template>
  <div
    class="test"
    @click="test"
  >
    <input
      ref="test"
      v-if="test"
    >
      <div>
        <span>test</span>
      </div>
      </div>
</template>%

μž¬ν˜„ 단계

ν™˜κ²½

운영체제 : macOS 10.12.4

μ„€μ •

> html-beautify -f test.html -A "force-expand-multiline"

κ΄€λ ¨ https://github.com/octref/vetur/issues/99

html bug

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

1.7.6μ—μ„œ μˆ˜μ • 됨

λͺ¨λ“  17 λŒ“κΈ€

+1

@octref- μž…λ ₯에 λ‹«κΈ° /κ°€ μ—†μŠ΅λ‹ˆλ‹€.

 <input
      ref="test"
      v-if="test"
    >

버그 μ‹ κ³  쀑 μ˜€νƒ€λΌκ³  κ°€μ •ν•©λ‹ˆλ‹€.

μžλ™ λ‹«λŠ” νƒœκ·Έ / λŠ” 선택 사항이라고 μƒκ°ν–ˆμŠ΅λ‹ˆλ‹€.
ν•˜μ§€λ§Œ / 좔가해도 μ—¬μ „νžˆ λ°œμƒν•©λ‹ˆλ‹€.

@octref
λ‹Ήμ‹  말이 λ§žμ„ κ²ƒμž…λ‹ˆλ‹€. λ‚˜λŠ” λ‚΄ 머리 κΌ­λŒ€κΈ°μ—μ„œ λͺ¨λ₯Έλ‹€. μž…λ ₯ ν…μŠ€νŠΈκ°€ 좜λ ₯κ³Ό λ‹€λ₯΄κΈ° λ•Œλ¬Έμ— (μ„œμ‹μ΄μ—†λŠ” λ°©μ‹μœΌλ‘œ) μ–ΈκΈ‰ν•©λ‹ˆλ‹€.

@bitwiseman λ§žμŠ΅λ‹ˆλ‹€, μ œκ°€

μ΄κ²ƒμ˜ μƒνƒœλŠ” λ¬΄μ—‡μž…λ‹ˆκΉŒ? 이 λ¬Έμ œκ°€ ν•΄κ²°λ˜λŠ” 것을 정말보고 μ‹ΆμŠ΅λ‹ˆλ‹€.

@msmolcic- 이 λ¬Έμ œλŠ” ν• λ‹Ήλ˜μ§€

μ‚¬λžŒλ“€μ΄ μ—¬μ „νžˆμ΄ 문제λ₯Ό κ²ͺκ³  μžˆμŠ΅λ‹ˆκΉŒ?
[email protected] μ—μ„œ "html.format.wrapAttributes": "force-expand-multiline" 둜 μ–»λŠ” 것 κ°™μŠ΅λ‹ˆλ‹€.

μ•ˆλ…•ν•˜μ„Έμš”.
μ—¬μ „νžˆ [email protected]μ—μ„œ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

[email protected] μ—μ„œλ„ μ—¬μ „νžˆ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

λΏ‘ 빡뀨
이 λ¬Έμ œλŠ” ν• λ‹Ήλ˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€. μˆ˜μ • 및 ν…ŒμŠ€νŠΈλ₯Ό κ΅¬ν˜„ν•˜λŠ” 데 μ‹œκ°„μ„ ν• μ•  ν•  μ‚¬λžŒμ΄ ν•„μš”ν•©λ‹ˆλ‹€.

"vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
        "wrap_attributes": "force-expand-multiline",
    },
}

μ—¬μ „νžˆ μ˜ˆμƒλŒ€λ‘œ μž‘λ™ν•˜μ§€ μ•ŠμŠ΅λ‹ˆλ‹€.

+1

+1

@bitwiseman 당신은 그것을

ν—‰
이 λ¬Έμ œλŠ” ν• λ‹Ήλ˜μ§€ μ•Šμ•˜μŠ΅λ‹ˆλ‹€. μˆ˜μ • 및 ν…ŒμŠ€νŠΈλ₯Ό κ΅¬ν˜„ν•˜λŠ” 데 μ‹œκ°„μ„ ν• μ•  ν•  μ‚¬λžŒμ΄ ν•„μš”ν•©λ‹ˆλ‹€.

1.7.6μ—μ„œ μˆ˜μ • 됨

이 νŽ˜μ΄μ§€κ°€ 도움이 λ˜μ—ˆλ‚˜μš”?
0 / 5 - 0 λ“±κΈ‰