์ดˆ๋ณด ํ”„๋ก ํŠธ์—”๋“œ ๊ฐœ๋ฐœ์ž์˜ VS CODE ์„ค์น˜ ๋ฐ ์„ธํŒ…(macOS) ๊ณผ์ •

2022. 12. 19. 16:28ใ†DevelopSet

์ฒซ ํšŒ์‚ฌ์— ์ž…์‚ฌํ–ˆ์„ ๋•Œ๋ถ€ํ„ฐ ์“ฐ๋˜ intellij๊ฐ€ ๋งŒ๋ฃŒ๋˜์—ˆ๋‹ค.

๋‹ค์‹œ ๊ฒฐ์ œํ•˜๊ณ  ์‚ฌ์šฉํ• ๊นŒ๋„ ํ•ด๋ดค์ง€๋งŒ vscode๋กœ ์ถฉ๋ถ„ํžˆ ํ•  ์ˆ˜ ์žˆ์„ ๊ฒƒ ๊ฐ™์€๋ฐ ๊ตณ์ด..?๋ผ๋Š” ์ƒ๊ฐ์ด ๋“ค์–ด vscode๋ฅผ ์„ค์น˜ํ–ˆ๋‹ค!!

 

๊ฐœ๋ฐœ์ž๋“ค์ด ๊ฐ€์žฅ ๋งŽ์ด ์“ด๋‹ค๋Š” vscode ์ œ๊ฐ€ ๋‹ค์‹œ ์จ๋ณด๋„๋ก ํ•˜๊ฒ ์Šต๋‹ˆ๋‹ค~~

(macOS์— ๊ธฐ๋ฐ˜ํ•˜์—ฌ ์„ค์น˜ํ•˜์˜€์Šต๋‹ˆ๋‹ค)

 

https://code.visualstudio.com/

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

๋น„์ฅฌ์–ผ ์ŠคํŠœ๋””์˜ค ์ฝ”๋“œ ํ™ˆํŽ˜์ด์ง€์— ๋“ค์–ด๊ฐ€์„œ Download Mac Universal์„ ํด๋ฆญํ•˜์—ฌ ๋‹ค์šด๋ฐ›๋Š”๋‹ค

 

์••์ถ•ํŒŒ์ผ ๋ˆŒ๋Ÿฌ ์„ค์น˜ํ•˜๋ฉด ๋! (๋งค์šฐ ๊ฐ„๋‹จ)

์„ค์น˜ ํ›„ ํ„ฐ๋ฏธ๋„์ฐฝ์—์„œ code. ๋ช…๋ น์–ด๋กœ vscode๋ฅผ ์—ด ์ˆ˜ ์žˆ๋„๋ก ๊ฐ€์žฅ ๋จผ์ € ์„ค์ •ํ•ด์ฃผ์—ˆ๋‹ค

 

command + shift +p

cmd+shift+p ๋ฅผ ๋ˆŒ๋Ÿฌ ๋งจ ์œ„ shell command ~~~ ๋ฅผ ํด๋ฆญํ•˜์—ฌ install ํ•ด์ฃผ๋ฉด ๋˜๋Š”๋ฐ

EACCES: permission denied, unlink '/usr/local/bin/code' ์˜ ์—๋Ÿฌ๊ฐ€ ๋ฐœ์ƒํ–ˆ๋‹ค ๊ฒฝ๋กœ์— ๋ฌธ์ œ๊ฐ€ ์ƒ๊ธด ๋“ฏ

๋‹นํ™ฉํ•˜์ง€ ์•Š๊ณ  ํ„ฐ๋ฏธ๋„ ์ฐฝ์œผ๋กœ ๊ฐ€์„œ 

cd /usr/local/bin
sudo rm -rf code

๋ฅผ ์ž…๋ ฅํ•ด์ค€ ํ›„ ๋‹ค์‹œ ์„ค์น˜ ๋„์ „ํ•˜๋‹ˆ ์„ฑ๊ณต! 

์ด์ œ ํ„ฐ๋ฏธ๋„ ์ฐฝ์—์„œ code .๋งŒ ์ž…๋ ฅํ•˜๋ฉด vs code๋ฅผ ์—ด ์ˆ˜ ์žˆ๋‹ค

 

๋‹ค์Œ์€ ๋‚˜ํ•œํ…Œ ์ต์ˆ™ํ•œ ํ™˜๊ฒฝ์œผ๋กœ ์„ธํŒ…์„ ํ•ด์ฃผ์—ˆ๋‹ค!

์‚ฌ์ด๋“œ ๋ฐ” ๋งจ ๋ฐ‘ ํ†ฑ๋‹ˆ๋ฐ”ํ€ด๋ฅผ ํด๋ฆญ ํ›„ settings๋กœ ๋“ค์–ด๊ฐ„๋‹ค text editor์˜ files๋กœ ๋“ค์–ด๊ฐ€ off๋กœ ๋˜์–ด์žˆ๋Š” auto save๋ฅผ ์ฐพ๋Š”๋‹ค

 off๋ฅผ afterDelay๋กœ ๋ณ€๊ฒฝํ•ด์ฃผ์–ด 1์ดˆ ๋’ค ์ž๋™์ €์žฅ์œผ๋กœ ์„ค์ •ํ•ด์ฃผ์—ˆ๋‹ค

 

๊ตณ์ด ctrl+s๋ฅผ ํ•˜์ง€์•Š์•„๋„ ์ด์ œ ์ž๋™์ €์žฅ์ด ๊ฐ€๋Šฅํ•ด์กŒ๋‹ค

 

๊ทธ ๋‹ค์Œ์€ tab size๋ฅผ 2๋กœ ๋ณ€๊ฒฝํ•ด์ฃผ์—ˆ๋‹ค ๊ธฐ๋ณธ์œผ๋กœ ์„ค์ •๋˜์–ด์žˆ๋Š” 4๋กœ ํ•˜๋ฉด ์ฝ”๋“œ๊ฐ€ ๊ธธ์–ด์กŒ์„ ๋•Œ ๋งค์šฐ ๊ผด๋ณด๊ธฐ๊ฐ€ ์‹ซ๋‹ค

ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹ใ…‹

 

๋‹ค์Œ์€ word wrap์„ on์œผ๋กœ ๋ณ€๊ฒฝํ•ด์ฃผ์—ˆ๋‹ค!

์ค„ ๋ฐ”๊ฟˆ ๊ธฐ๋Šฅ์ธ๋ฐ ๋ณต๋ถ™ํ•  ๋•Œ ์ฝ”๋“œ๊ฐ€ ํ•œ์ค„๋กœ ๊ธธ์–ด์ง€์ง€ ์•Š๊ณ  ๋ณด๊ธฐ ์ข‹๊ฒŒ ์ค„๋ฐ”๊ฟˆ ๋œ๋‹ค.

 

intellij์—์„œ๋Š” ์‹œ์ž‘ ํƒœ๊ทธ๋ฅผ ๋ณ€๊ฒฝํ•˜๋ฉด ์ž๋™์œผ๋กœ ์ข…๋ฃŒ ํƒœ๊ทธ๋„ ๊ฐ™์ด ๋ณ€ํ™˜์ด ๋˜์—ˆ์—ˆ๋Š”๋ฐ vscode๋Š” ์ฒ˜์Œ๋ถ€ํ„ฐ ์„ค์ •์ด ๋˜์–ด์žˆ์ง€ ์•Š์•„ ๋ณ€ํ™˜์ด ์•ˆ๋œ๋‹ค๊ณ  ํ•œ๋‹ค ๊ฒ€์ƒ‰ํ•ด๋ดค๋”๋‹ˆ linked editing์— ์ฒดํฌ๋ฅผ ํ•ด์ฃผ์–ด์•ผ ํ•œ๋‹ค๊ณ  ํ•ด์„œ ์ฒดํฌ ์™„๋ฃŒ! 

 

๋‹ค์Œ์€ ํ”Œ๋Ÿฌ๊ทธ์ธ์„ ์„ค์น˜ํ•ด์ฃผ์—ˆ๋‹ค

์‚ฌ์ด๋“œ ๋ฐ”์˜ ์ € ํ•˜๋‚˜ ๋–ผ๋จนํžŒ ์ดˆ์ฝœ๋ ›๊ฐ™์€ ์•„์ด์ฝ˜์„ ํด๋ฆญํ•œ ํ›„ ๊ฐ€์žฅ ๋จผ์ € ๋ผ์ด๋ธŒ ์„œ๋ฒ„๋ฅผ ์„ค์น˜ํ•ด์ฃผ์—ˆ๋‹ค

 ๋ผ์ด๋ธŒ ์„œ๋ฒ„๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋‹จ์ˆœ ํผ๋ธ”๋ฆฌ์‹ฑ์„ ํ•  ๋•Œ ๋‚ด๊ฐ€ ์ฝ”๋“œ๋ฅผ ์ž‘์„ฑ ํ˜น์€ ๋ณ€๊ฒฝํ•˜๋ฉด ์‹ค์‹œ๊ฐ„์œผ๋กœ ๋ฐ˜์˜๋˜์–ด ๋กœ์ปฌ์—์„œ ๋ณผ ์ˆ˜ ์žˆ๋‹ค

 

๋‹ค์Œ์€ open in Browser๋ฅผ ์„ค์น˜ํ•ด์ฃผ์—ˆ๋‹ค ๋ผ์ด๋ธŒ ์„œ๋ฒ„๋Š” ํŒŒ์ผ ํ•˜๋‚˜๋งŒ ์—ด ์ˆ˜ ์žˆ์–ด ๋‹ค๋ฅธ ํŒŒ์ผ์„ ์—ด๋ฉด ์—ด๋ ค์žˆ๋˜ ๋ผ์ด๋ธŒ ์„œ๋ฒ„๊ฐ€ ๊บผ์ง€๋Š”๋ฐ ์˜คํ”ˆ์ธ๋ธŒ๋ผ์šฐ์ €๋ฅผ ์‚ฌ์šฉํ•˜๋ฉด ๋‘๊ฐœ ์ด์ƒ์˜ ํ™”๋ฉด ํ™•์ธ์ด ๊ฐ€๋Šฅํ•˜๋‹ค

 

๋‹ค์Œ์€ prettier๋ฅผ ์„ค์น˜ํ•ด์ฃผ์—ˆ๋‹ค ์ฝ”๋“œ๋ฅผ ์ •๋ ฌํ•ด์ค€๋‹ค

 

์„ค์ •์—์„œ text editor์— ๋“ค์–ด๊ฐ€ formatting -> format on save ๋ฅผ ์ฒดํฌํ•ด์ฃผ๋ฉด ๋œ๋‹ค! format on save๋Š” ์ผ์ •ํ•œ ํฌ๋งท์œผ๋กœ ์ €์žฅ๋˜๋„๋ก ํ•ด์ฃผ๋Š” ๊ธฐ๋Šฅ์ด๋‹ค mode๋Š” modifications์œผ๋กœ ํ•ด์ฃผ์–ด ๋ณ€๊ฒฝ๋œ ๋ถ€๋ถ„๋งŒ ํฌ๋งทํ•˜๋Š” ๊ฒƒ์„ ์„ ํƒํ–ˆ๋‹ค format on save๋Š” fomatterr๊ฐ€ ํ•„์š”ํ•œ๋ฐ prettier๊ฐ€ ๊ทธ fomatter์ž„ใ…Žใ…Ž

 

์ด๋ ‡๊ฒŒ ๊ธฐ๋ณธ ์„ธํŒ… ๋!! ๋‹ค์Œ์€ vs code ๋‹จ์ถ•ํ‚ค ๋“ค๊ณ  ์™€์•ผ์ง€ใ…Žใ…Ž

'DevelopSet' ์นดํ…Œ๊ณ ๋ฆฌ์˜ ๋‹ค๋ฅธ ๊ธ€

macOS git ์„ค์น˜ํ•˜๊ธฐ  (0) 2022.12.13
mac์— Homebrew ์„ค์น˜ํ•˜๊ธฐ  (0) 2022.12.13
mac์— iterm2 ์„ค์น˜ํ•˜๊ธฐ  (0) 2022.12.13