Language-tools: vscode : ํฌ๋งท ์ค‘ ๊ธฐ์ด ํ•œ ๊ณต๋ฐฑ

์— ๋งŒ๋“  2020๋…„ 05์›” 07์ผ  ยท  8์ฝ”๋ฉ˜ํŠธ  ยท  ์ถœ์ฒ˜: sveltejs/language-tools

์„œ์‹์„ ์ง€์ •ํ•  ๋•Œ ์•„๋ž˜ html์— ๊ณต๋ฐฑ์„ ์ถ”๊ฐ€ํ•˜์ง€ ์•Š๋Š” ๋ฐฉ๋ฒ•์ด ์žˆ์Šต๋‹ˆ๊นŒ?

๋‹ค์Œ๊ณผ ๊ฐ™์ด ์œ ์ง€ํ•˜๋ ค๋ฉด์ด ์ฝ”๋“œ๊ฐ€ ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค.

<div>
  Test (<span class="color">one</span>)
</div>

๋Œ€์‹  ๋‹ค์Œ๊ณผ ๊ฐ™์ด๋ฉ๋‹ˆ๋‹ค.

<div>
  Test (
  <span class="color">one</span>
  )
</div>

https://github.com/UnwrittenFun/svelte-vscode/issues/50์—์„œ.

question

๊ฐ€์žฅ ์œ ์šฉํ•œ ๋Œ“๊ธ€

- ์—ฌ๊ธฐ ์˜ˆ๋ป - ํ”Œ๋Ÿฌ๊ทธ์ธ - ํ˜ธ๋ฆฌ ํ˜ธ๋ฆฌํ•œ ๋Œ€ํ•œ ๊ด€๋ จ ๋ฌธ์ œ์˜ https://github.com/sveltejs/prettier-plugin-svelte/issues/24 (์ด ๋ฒ„๊ทธ๋กœ ํ‘œ์‹œ๋œ ๊ฒƒ)๋Š”

๋ชจ๋“  8 ๋Œ“๊ธ€

ํ”Œ๋Ÿฌ๊ทธ์ธ์€ ์ฝ”๋“œ ํ˜•์‹์„ ์ง€์ •ํ•˜๊ธฐ ์œ„ํ•ด Prettier๋ฅผ ์‚ฌ์šฉํ•ฉ๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ ๊ฒฐ๊ตญ ์ด๊ฒƒ์€ ๊ทธ๋Ÿฐ ์‹์œผ๋กœ ์ฝ”๋“œ๋ฅผ ํฌ๋งทํ•˜๋Š” ๊ฒƒ์ด ๋” ์˜ˆ์˜๋‹ค. Prettier๋Š” ๋งค์šฐ ๋…๋‹จ์ ์ด๊ณ  ์˜ต์…˜์ด ๋งŽ์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ์ด์— ๋Œ€ํ•ด ํ•  ์ˆ˜์žˆ๋Š” ์ผ์ด ๋งŽ์ง€ ์•Š์€ ๊ฒƒ ๊ฐ™์Šต๋‹ˆ๋‹ค.
์„œ์‹์„ ๋ชจ๋‘ ์„ค์ •ํ•˜๋ ค๋ฉด VSCode ์„ค์ •์—์„œ svelte.format.enable ์˜ต์…˜์„ false๋กœ ์„ค์ •ํ•˜๋ฉด๋ฉ๋‹ˆ๋‹ค.

์•„๋‹ˆ์š”, ํ•„์š”ํ•ฉ๋‹ˆ๋‹ค. ํ•˜์ง€๋งŒ์ด ํฌ๋งท ๋ฌธ์ œ๋ฅผ ๋‹ค์‹œ ์ƒ๊ฐ ํ•ด๋ด์•ผํ•œ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ๋‹ซ์ง€ ๋งˆ์„ธ์š”. RFC์ž…๋‹ˆ๋‹ค. ๋ถ€๋””.

๋‚˜๋Š” ์ด๊ฒƒ์ด ์‚ฌ์šฉ์ž ์„ ํ˜ธ๋„์— ๋‹ฌ๋ ค ์žˆ๋‹ค๊ณ  ์ƒ๊ฐํ•ฉ๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด ์ฝ”๋“œ๊ฐ€ ๊ทธ๋Ÿฐ ์‹์œผ๋กœ ํฌ๋งท๋˜๊ธฐ๋ฅผ ์›ํ•ฉ๋‹ˆ๋‹ค. ๋” ์˜ˆ๋ป์ง€๋Š” ๊ฒƒ์€ ๋งค์šฐ ๋…๋‹จ์ ์ด๊ธฐ ๋•Œ๋ฌธ์— ๊ฒฐ๊ณผ๋ฅผ ์กฐ์ •ํ•  ์ˆ˜์žˆ๋Š” ์˜ต์…˜์ด ๊ฑฐ์˜ ์—†์Šต๋‹ˆ๋‹ค. ๊ทธ๊ฒƒ์€ ๋˜ํ•œ ๋‹น์‹ ์˜ ์ฝ”๋“œ๋ฅผ ๊นจ๋œจ๋ฆฌ์ง€ ์•Š๊ธฐ ๋•Œ๋ฌธ์— ๋” ๋ถˆํŽธํ•ฉ๋‹ˆ๋‹ค. HTML ํ˜•์‹ ( ๊ด€๋ จ ๊ธฐ๋Šฅ ์š”์ฒญ )์„ ๋Œ ์ˆ˜ ์žˆ๋‹ค๋ฉด ๋„์›€์ด๋ฉ๋‹ˆ๊นŒ? ๊ทธ๋Ÿฐ ๋‹ค์Œ ์Šคํฌ๋ฆฝํŠธ / ์Šคํƒ€์ผ์€ ํ˜•์‹์ด ์ง€์ •๋˜์ง€๋งŒ html์€ ์ง€์ •๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค.

๋” ์˜ˆ๋ป์ง€๋Š” ๊ฒƒ์„ ์™„์ „ํžˆ ๋‹ค๋ฅธ ํฌ๋งทํ„ฐ๋กœ ๊ต์ฒดํ•˜๋Š” ๊ฒƒ์€ ํ˜„์žฌ ์šฐ๋ฆฌ๊ฐ€ํ•˜๊ณ  ์‹ถ์ง€ ์•Š์€ ์ผ์ž…๋‹ˆ๋‹ค. ์šฐ๋ฆฌ๊ฐ€ ํ•  ์ˆ˜์žˆ๋Š” ๊ฒƒ์€ vscode html ํฌ๋งทํ„ฐ๋ฅผ ๋‘ ๋ฒˆ์งธ ์˜ต์…˜์œผ๋กœ ์ถ”๊ฐ€ํ•˜๋Š” ๊ฒƒ์ด๋ฏ€๋กœ ๋‘˜ ์ค‘ ํ•˜๋‚˜๋ฅผ ์„ ํƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋Ÿฌ๋‚˜ ๋‹ค๋ฅธ ํฌ๋งทํ„ฐ๋ฅผ ์ถ”๊ฐ€ํ•˜๋”๋ผ๋„ ํ•ด๋‹น ํฌ๋งทํ„ฐ๊ฐ€ ์›ํ•˜๋Š” ์ž‘์—…์„ ์ˆ˜ํ–‰ํ•˜๋Š”์ง€ ์—ฌ๋ถ€์— ๋Œ€ํ•œ ์งˆ๋ฌธ์ด ํ•ญ์ƒ ์žˆ์Šต๋‹ˆ๋‹ค.

<!-- prettier-ignore --> ๋Š” prettier -plugin- @dummdidumm์€์ด ์ €์žฅ์†Œ์˜ prettier -plugin-

- ์—ฌ๊ธฐ ์˜ˆ๋ป - ํ”Œ๋Ÿฌ๊ทธ์ธ - ํ˜ธ๋ฆฌ ํ˜ธ๋ฆฌํ•œ ๋Œ€ํ•œ ๊ด€๋ จ ๋ฌธ์ œ์˜ https://github.com/sveltejs/prettier-plugin-svelte/issues/24 (์ด ๋ฒ„๊ทธ๋กœ ํ‘œ์‹œ๋œ ๊ฒƒ)๋Š”

์˜ˆ, ๋ฌธ์ œ๋Š” ์—ฌ๊ธฐ์— ์ค„ ๋ฐ”๊ฟˆ์„ ์ถ”๊ฐ€ํ•˜๋ฉด ์ถœ๋ ฅ์— ๊ณต๋ฐฑ์„ ์‚ฝ์ž…ํ•˜์—ฌ ๋ Œ๋”๋ง ๋œ ์ถœ๋ ฅ์„ ๋ณ€๊ฒฝํ•œ๋‹ค๋Š” ๊ฒƒ์ž…๋‹ˆ๋‹ค. ๋งจ ์œ„์˜ ์ฒซ ๋ฒˆ์งธ ์Šค ๋‹ˆํŽซ์€ ๋ธŒ๋ผ์šฐ์ €์—์„œ Test (one) ๋กœ ๋ Œ๋”๋ง๋˜์ง€๋งŒ ๊ฐœํ–‰ ๋ฌธ์ž๋ฅผ ์ถ”๊ฐ€ํ•˜๋ฉด Test ( one )

ํ‘œ์ค€ Prettier HTML ํ˜•์‹์—๋Š” HTML์—์„œ ๊ณต๋ฐฑ ์„ ์ฒ˜๋ฆฌํ•˜๋Š” ๋ฐฉ๋ฒ•์„ ๊ฒฐ์ •ํ•˜๋Š”

IMO ์—…๋ฐ์ดํŠธ๋ฅผ ํ†ตํ•ด <!-- prettier-ignore --> ์˜ต์…˜์„ ์–ป๋Š” ๊ฒƒ์ด ํ˜„์žฌ๋กœ์„œ๋Š” ์ข‹์€ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์ž…๋‹ˆ๋‹ค.
ํŽธ์ง‘ : ์‹ค์ œ๋กœ ์ด๊ฒƒ์€ ์ด๋ฏธ ์ž‘๋™ํ•˜๋Š” ๊ฒƒ์ฒ˜๋Ÿผ ๋ณด์ž…๋‹ˆ๋‹ค.

์ด ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋Š” ๋ฐ ๋„์›€์ด ํ•„์š”ํ•œ ์‚ฌ๋žŒ์ด ์žˆ๋‹ค๋ฉด. ์ด PR์— ๋‚จ์€ ๊ฒƒ์„ ์„ ํƒํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.
https://github.com/sveltejs/prettier-plugin-svelte/pull/41

์ด๊ฒƒ์€ prettier-plugin-svelte ๋ฌธ์ œ์ด๋ฏ€๋กœ ์ข…๋ฃŒํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค. ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•์œผ๋กœ <!-- prettier-ignore --> .

์ด ํŽ˜์ด์ง€๊ฐ€ ๋„์›€์ด ๋˜์—ˆ๋‚˜์š”?
0 / 5 - 0 ๋“ฑ๊ธ‰