์์์ ์ง์ ํ ๋ ์๋ 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์์.
ํ๋ฌ๊ทธ์ธ์ ์ฝ๋ ํ์์ ์ง์ ํ๊ธฐ ์ํด 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 -->
.
๊ฐ์ฅ ์ ์ฉํ ๋๊ธ
- ์ฌ๊ธฐ ์๋ป - ํ๋ฌ๊ทธ์ธ - ํธ๋ฆฌ ํธ๋ฆฌํ ๋ํ ๊ด๋ จ ๋ฌธ์ ์ https://github.com/sveltejs/prettier-plugin-svelte/issues/24 (์ด ๋ฒ๊ทธ๋ก ํ์๋ ๊ฒ)๋