VSCode2 [VSCode] VSCode์์ Sass ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ VSCode์์ Sass(SCSS)๋ฅผ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ ์ด๋ฒ ํฌ์คํ ์์๋ VSCode์์ Sass๋ฅผ ์ฌ์ฉํ๋ ๋ฐฉ๋ฒ์ ๋ํด ์ค๋ช ๋๋ฆฌ๊ฒ ์ต๋๋ค. ํ๋ก๊ทธ๋จ ์ค์นํ๊ธฐ ๋จผ์ Live Server, Live Sass Compiler, Sass, ์ด๋ ๊ฒ ์ธ ๊ฐ์ง์ ํ๋ก๊ทธ๋จ์ ์ค์นํฉ๋๋ค. ๊ทธ๋ฐ ๋ค์, ํ๊ฒฝ ์ค์ ํญ ์๋จ์ ๊ฒ์์ฐฝ์ ใformatsใ๋ฅผ ๊ฒ์ํ ๋ค์ Live Sass Compiler ํญ๋ชฉ์์ [Edit in setting.json]์ ํด๋ฆญํฉ๋๋ค. ์ ์ฌ์ง์ฒ๋ผ ํธ์ง ํ์ผ์ด ์ด๋ฆดํ ๋ฐ ์๋์ ์ฝ๋๋ฅผ ๋ง๋ถ์ฌ์ฃผ์ธ์. "liveSassCompile.settings.generateMap": false, "liveSassCompile.settings.formats": [ // { // "format": "expanded", .. 2022. 9. 19. [VSCode] ํ๋ฆฌํฐ์ด(Prettier) ์ค์น ๋ฐ ์ ์ฉํ๋ ๋ฐฉ๋ฒ VSCode Prettier(ํ๋ฆฌํฐ์ด)๋? VSCode์์ ๊น์๋๋ฉด ์ข์ ํ๋ก๊ทธ๋จ Prettier(ํ๋ฆฌํฐ์ด)๐ ์ค์น๋ง ํ๋ฉด ์์์ ์๋ ์ค ์ ๋ ฌ์ ํด ์ค ๊ฑฐ๋ผ๊ณ ์๊ฐํ๋๋ฐ ์ ํ ๋จนํ์ง ์์ ๊ณ ๋ฏผ์ธ ๋ถ ๊ณ์ ๊ฐ์? ์ํ๊น๊ฒ๋ ์ค์น๋ง์ผ๋ก ์ ์ฉ์ด ๋์ง ์์ผ๋ฉฐ ๋ฐ๋ก ๊ท์ฐฎ๊ฒ ์ค์ ํด์ค์ผ ํ๋ ์์ด ๋ง์ด ๊ฐ๋ ๋ ์์ ๋๋ค. ์ง๊ธ๋ถํฐ ์ด ํ๋ฆฌํฐ์ด๋ฅผ ์ ์ฉ์ํค๋ ๋ฐฉ๋ฒ์ ๋ํด ์ค๋ช ๋๋ฆฌ๋๋ก ํ๊ฒ ์ต๋๋ค. Prettier(ํ๋ฆฌํฐ์ด)๋ฅผ ์ ์ฉ์์ผ๋ณด์! ๋จผ์ , VSCode ์ข์ธก ํ๋จ์ ํ๊ฒฝ ์ค์ ๋ฒํผ์ ํด๋ฆญํด ์ค ๋ค์, [Settings (Ctrl+)]๋ฅผ ํด๋ฆญํ์ธ์. ๊ทธ๋ฐ ๋ค์, ํ๊ฒฝ ์ค์ ํญ ์๋จ์ ๊ฒ์์ฐฝ์ ใeditor format on saveใ๋ฅผ ๊ฒ์ํ๊ณ ๊ฐ์ฅ ๋จผ์ ๋์ค๋ [Editor: Format On Save] ์ฒดํฌ๋ฐ์ค๋ฅผ ์ฒด.. 2022. 9. 5. ์ด์ 1 ๋ค์ ๋ฐ์ํ