๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ
JavaScript/Vanila

[Vanila.js] ํ™˜๊ฒฝ์…‹ํŒ…2

by ๐Ÿณ Laboon 2024. 7. 30.

1. VS ์ฝ”๋“œ๋ฅผ ์„ค์น˜ํ•œ๋‹ค.

2. Node.js๋ฅผ ์„ค์น˜ํ•œ๋‹ค.

2-1. npm --version ์œผ๋กœ ํ™˜๊ฒฝ๋ณ€์ˆ˜ ์„ค์น˜๊ฐ€ ์ž˜๋˜์—ˆ๋Š”์ง€ ํ™•์ธํ•œ๋‹ค.

3. Git Bash๋ฅผ ์„ค์น˜ํ•œ๋‹ค. (์„ ํƒ, ํ”„๋กœ์ ํŠธ ๊ด€๋ฆฌํ•˜๋ ค๋ฉด ์„ค์น˜)

4. npx lite-server --baseDir "ํด๋”๋ช…" 

or npx lite-server

 

โ€ป ์ฃผ์˜ (windows ํ™˜๊ฒฝ)

Node.js์˜ ๊ฒฝ๋กœ๋ฅผ ์ปค์Šคํ…€ ์˜์—ญ์— ์„ค์น˜ ์‹œ, ์‹คํ–‰์ด ์•ˆ๋œ๋‹ค.

1. Ctrl + r -> %appdata% -> ์ƒˆํด๋” ์ƒ์„ฑ(์ด๋ฆ„: npm) 

2. System ํ™˜๊ฒฝ๋ณ€์ˆ˜์—์„œ ํ•ด๋‹น node js์˜ custom ์˜์—ญ์„ path ๋ณ€์ˆ˜์— ์ถ”๊ฐ€ํ•œ๋‹ค.

๋‚˜๋Š” ์‚ฌ์šฉ์ž ์˜์—ญ์— ์ถ”๊ฐ€ํ–ˆ๋‹ค.

 

โ€ป Tip

VsCode์—์„œ code . ์œผ๋กœ ์‹คํ–‰ํ•˜๋ ค๋Š”๋ฐ ์•ˆ๋œ๋‹ค.

Ctrl + shift + p ๋กœ๋„ code ๋ฅผ ๊ฒ€์ƒ‰ํ•ด์„œ ์ฐพ๋Š”๋ฐ ๋ญ ์•ˆ๋œฌ๋‹ค

 

Vs Code ๋˜ํ•œ Custom ์˜์—ญ์— ์„ค์น˜ํ•ด์„œ ๊ทธ๋Ÿผ.

์‹œ์Šคํ…œ ํ™˜๊ฒฝ ๋ณ€์ˆ˜์—์„œ Vs Code ์œ„์น˜๋ฅผ ์•Œ๋ ค์ฃผ๋ฉด ๋จ.

์‹œ์Šคํ…œ ํ™˜๊ฒฝ๋ณ€์ˆ˜

๊ทธ๋Ÿฌ๊ณ  bash์—์„œ ํ”„๋กœ์ ํŠธ ํด๋”๋กœ ์ด๋™ํ•œ ๋’ค code . ์„ ์ฐ์œผ๋ฉด ์ž˜๋œ๋‹ค.