์ผ๊ณผ ์„ค๋ช…

<aside> ๐Ÿ“Ž vscode์—์„œ setting.jsonํŒŒ์ผ์„ ์—ฌ๋Š” ๋ฐฉ๋ฒ•์„ ์•Œ์•„๋ด…์‹œ๋‹ค.

</aside>

SCSS์˜ ์ต์Šคํ…์…˜์ธ Live Sass Compiler์— ๊ด€ํ•œ ์„ค๋ช…์„ ์ฝ์–ด๋ณด๋˜ ์ค‘ setting.jsonํŒŒ์ผ์—์„œ ์ฝ”๋“œ๋ฅผ ์ˆ˜์ •ํ•˜๋ผ๋Š” ์„ค๋ช…์ด ์žˆ์—ˆ์Šต๋‹ˆ๋‹ค. ๊ทธ๋ž˜์„œ setting.json์„ ์ฐพ์•„๋ณด๋‹ˆ ์—†๊ณ  vscode์˜ ์„ค์ •์„ ๋งํ•˜๋Š” ๊ฑด๊ฐ€ ์‹ถ์–ด์„œ ๋“ค์–ด๊ฐ€๋ณด๊ธฐ๋„ ํ–ˆ์ง€๋งŒ ์ฐพ์„ ์ˆ˜ ์—†์–ด์„œ ๊ฒ€์ƒ‰์„ ํ–ˆ๋”๋‹ˆ

  1. ์„ค์ •ํŽ˜์ด์ง€ ๋“ค์–ด๊ฐ€๊ธฐ

Mac : cmd + , or ์„ค์ •ํŽ˜์ด์ง€

  1. ์šฐ์ธก ์ƒ๋‹จ ๋ฒ„ํŠผ ๋ˆ„๋ฅด๊ธฐ

    แ„‰แ…ณแ„แ…ณแ„…แ…ตแ†ซแ„‰แ…ฃแ†บ 2024-08-22 แ„‹แ…ฉแ„’แ…ฎ 11.11.31.png

  2. ์ถ”๊ฐ€์ ์œผ๋กœ Live Sass Compiler ์„ค์ •

     "liveSassCompile.settings.generateMap": false, // ๋งŒ์ผ .map ํŒŒ์ผ ์ƒ์„ฑ์„ ๋„๊ณ  ์‹ถ๋‹ค๋ฉด
        "liveSassCompile.settings.formats": [
            {
    		        //ํŒŒ์ผ ๋‚ด์šฉ์„ ์–ด๋–ค ํ˜•์‹์œผ๋กœ ํ• ๊ฒƒ์ธ์ง€ ๊ฒฐ์ •
    		        //๋งŽ์€ ๋ฐฉ์‹์ด ์žˆ์ง€๋งŒ ์ด๊ฒŒ ์ฝ๊ธฐ ํŽธํ•ด์„œ ์„ค์ •ํ–ˆ์Šต๋‹ˆ๋‹ค.
                "format": "expanded",
                //์ €์žฅ ํ˜•์‹
                "extensionName": ".css",
                //์ €์žฅ์œ„์น˜
                "savePath": "~/../css"
            }
        ],
        "liveServer.settings.donotShowInfoMsg": true,
    

๋ฉ”๋ชจ

์ผ๊ณผ๋ฅผ ์ˆ˜ํ–‰ํ•˜๊ฑฐ๋‚˜ ๊ณ„ํšํ•˜๋Š” ๋ฐ ํ•„์š”ํ•œ ์ •๋ณด๋ฅผ ์ž์œ ๋กญ๊ฒŒ ๋ฉ”๋ชจํ•ฉ๋‹ˆ๋‹ค.