๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

Lect & Tip/vscode11

vscode php scss ์‚ฌ์šฉํ•˜๊ธฐ sass ์ปดํŒŒ์ผ๋Ÿฌ ์„ค์น˜ โœˆ vscode php scss ์‚ฌ์šฉํ•˜๊ธฐ sass ์ปดํŒŒ์ผ๋Ÿฌ ์„ค์น˜. ์ฒ˜์Œ vscode๋ฅผ ์‚ฌ์šฉํ–ˆ์„ ๋•Œ๋Š” ์•ต๊ทค๋Ÿฌ๋ฅผ ์‚ฌ์šฉํ–ˆ๊ธฐ ๋•Œ๋ฌธ์—, scss๋ฅผ ๊ธฐ๋ณธ์œผ๋กœ ์‚ฌ์šฉํ–ˆ์—ˆ๋‹ค. ์–ผ๋งˆ ์ „์— php ํ”„๋กœ์ ํŠธ์— scss๋ฅผ ์‚ฌ์šฉํ•˜๋ ค๊ณ  vscode scss์„ค์น˜๋ฅผ ํ–ˆ๋‹ค. ๊ธฐ๋ณธ์ ์œผ๋กœ ๋ธŒ๋ผ์šฐ์ € ์ž์ฒด๊ฐ€ scss๋ฅผ ์ดํ•ดํ•˜๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๊ธฐ ๋•Œ๋ฌธ์— scss๋Š” sass compiler๋กœ ์ปดํŒŒ์ผํ•ด์„œ cssํŒŒ์ผ์„ ์ƒ์„ฑํ•ด ์ฃผ์–ด์•ผ ํ•œ๋‹ค. ์–ด๋””๊นŒ์ง€๋‚˜ scss๋Š” ํผ๋ธ”๋ฆฌ์…”์˜ ํŽธ์˜๋ฅผ ์œ„ํ•œ ๊ธฐ๋Šฅ์ด์ง€ ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์œ„ํ•œ ๊ธฐ๋Šฅ์ด ์•„๋‹ˆ๊ธฐ ๋•Œ๋ฌธ์ด๋‹ค. vs์ฝ”๋“œ์—์„œ scss๋ฅผ ์‚ฌ์šฉํ•œ๋‹ค๋Š” ๊ฒƒ์€ ์‚ฌ์šฉ ์–ธ์–ด์™€ ๋ฌด๊ด€ํ•˜๊ฒŒ ์‚ฌ์šฉ๋  ์ˆ˜ ์žˆ๋‹ค. ๋ฐ”๋กœ Live sass compiler๋ฅผ ์„ค์น˜ํ•จ์œผ๋กœ์จ ๊ฐ€๋Šฅํ•˜๋‹ค. sass Lint ์ต์Šคํ…์…˜ ์„ค์น˜ ์„ค์น˜ํ•˜๋Š” ๊น€์— sass Lint ์ต์Šคํ…์…˜๋„ ์„ค์น˜ํ•˜๋ฉด.. 2020. 1. 3.
โœˆ vscode ํŒŒ์ผ ์ฐพ๊ธฐ ๋‹จ์ถ•ํ‚ค VS code ํŒŒ์ผ ์ฐพ๊ธฐ ๋‹จ์ถ•ํ‚ค. VS์ฝ”๋“œ์—์„œ ํŒŒ์ผ ์ต์Šคํ”Œ๋กœ๋Ÿฌ๊ฐ€ ์œ ์šฉํ•˜์ง€๋งŒ, ํ”„๋กœ์ ํŠธ ๊ทœ๋ชจ๊ฐ€ ์ปค์ ธ์„œ ํด๋” ๊ตฌ์กฐ๊ฐ€ ๋ณต์žกํ•ด์ง€๊ณ  ํŒŒ์ผ์ด ๋งŽ์•„์ง€๋ฉด, ํŠน์ • ํŒŒ์ผ์„ ์ฐพ์„ ๋•Œ๋Š” ํŒŒ์ผ ์ฐพ๊ธฐ๋ฅผ ํ•ด์•ผ ํ•œ๋‹ค. ์™ผ์ชฝ์˜ ์•„์ด์ฝ˜์€ ํŒŒ์ผ ๋‚ด์—์„œ ํŠน์ • ๋ฌธ์ž์—ด์„ ์ฐพ์•„์ฃผ๋Š”๋ฐ ์œ ์šฉํ•˜์ง€๋งŒ, ์ธํด๋Ÿฌ๋“œ๋œ ํŒŒ์ผ ์ž์ฒด๋ฅผ ์ฐพ์„ ๋•Œ๋Š” ํŒŒ์ผ ์ฐพ๊ธฐ๋ฅผ ํ•ด์•ผ ํ•œ๋‹ค. ๋‹จ์ถ•ํ‚ค๋Š” ๋ณดํ†ต ์œˆ๋„์šฐ์—์„œ๋Š” CTRL+P๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ์œ ์šฉํ•˜๋‹ค. ๋ฆฌ๋ˆ…์Šค์—์„œ๋„ ๋งŽ์ด ์‚ฌ์šฉ๋˜๋Š” ๋‹จ์ถ•ํ‚ค์ด๋ฏ€๋กœ Ctrl+P๋กœ ์™ธ์›Œ๋‘๋Š” ๊ฒƒ์ด ์šฉ์ดํ•˜๋‹ค. Windows vscode ๋‹จ์ถ•ํ‚ค Ctrl+E ํ˜น์€ Ctrl+P MAC์šฉ vscode ๋‹จ์ถ•ํ‚ค Cmd+P ๊ตฌํ˜• MAC ๋‹จ์ถ•ํ‚ค Cmd+E Linux์šฉ vscode ํŒŒ์ผ ์ฐพ๊ธฐ ๋‹จ์ถ•ํ‚ค Ctrl+P -blackun.com 2019. 12. 12.

ํ‹ฐ์Šคํ† ๋ฆฌํˆด๋ฐ”