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

๐Ÿ’ก์›น ํ”„๋กœ์ ํŠธ/(ํ”„๋ก ํŠธ์—”๋“œ) ๋งˆ์ผ“์ปฌ๋ฆฌ - ํด๋ก ์ฝ”๋”ฉ

vue ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ

์ตœ์†Œ ์š”๊ตฌ์‚ฌํ•ญ์œผ๋กœ Node.js 4.x ์ด์ƒ(6.x ์ถ”์ฒœ)๊ณผ Git์ด ์„ค์น˜๋˜์–ด ์žˆ์–ด์•ผ ํ•œ๋‹ค.

์ž์„ธํ•œ ๋‚ด์šฉ > Vue ์‹œ์ž‘ํ•˜๊ธฐ (+๊ฐœ๋ฐœ ํ™˜๊ฒฝ ์„ค์ •)

 

1. vue-cli ์„ค์น˜

// vue-cli ์ „์—ญ ์„ค์น˜, ๊ถŒํ•œ์—๋Ÿฌ์‹œ sudo ์ถ”๊ฐ€
npm i -g @vue/cli
vue --version

Vue CLI๋ฅผ ์„ค์น˜ ํ›„ ๋ฒ„์ „์„ ํ™•์ธํ•ด ๋ณด๋ฉด 3.x์ด ์„ค์น˜๋œ ๊ฒƒ์„ ํ™•์ธํ•  ์ˆ˜ ์žˆ๋‹ค. ๊ทธ๋ฆฌ๊ณ  ํ•˜๋‚˜ ๋” ์„ค์น˜ํ•˜์ž.

npm i -g @vue/cli-init

 

2. vue ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ

@vue/cli-init์€ 2.x Template์„ ๊ฐ€์ ธ์˜ค๊ธฐ ์œ„ํ•œ vue init๊ธฐ๋Šฅ์„ ์ œ๊ณตํ•œ๋‹ค.

// vue init <template-name> <project-name>
vue init webpack kurly-clone

์ƒ์„ฑํ•œ ํ”„๋กœ์ ํŠธ ์„œ๋ฒ„ ์‹คํ–‰ํ•ด์ค€๋‹ค.

cd kurly-clone   //ํ”„๋กœ์ ํŠธ ํด๋”๋กœ ์ด๋™
npm run dev

์ถœ๋ ฅ๋œ ์ฃผ์†Œ๋กœ ์ด๋™ํ•ด์ค€ ๋’ค ์•„๋ž˜์™€ ๊ฐ™์€ ํ™”๋ฉด์ด ๋œจ๋ฉด ์„ฑ๊ณต์ด๋‹ค! ๐Ÿ˜Š