Vue 06-2 Develope based on SFC 2

Seungju Hwangยท2021๋…„ 1์›” 4์ผ
0

Vue

๋ชฉ๋ก ๋ณด๊ธฐ
7/18
post-thumbnail

SFC ๊ธฐ๋ฐ˜์œผ๋กœ ๊ฐœ๋ฐœํ•˜๊ธฐ

Single File Component๋กœ ๊ฐœ๋ฐœํ•˜๊ธฐ ์œ„ํ•œ Command Line Interface ์„ค์น˜


๐Ÿ”ต Vue CLI

Command Line Interface for rapid Vue.js development

Node.js ์„ค์น˜

๋‹ค์šด๋กœ๋“œ

  • ๋ฒ„์ ผ ํ™•์ธ
$ node -v
$ npm -v

npm

  • Node Package Manager
  • JavaScript ํ”„๋กœ๊ทธ๋ž˜๋ฐ ์–ธ์–ด๋ฅผ ์œ„ํ•œ ํŒจํ‚ค์ง€ ๊ด€๋ฆฌ์ž
  • node๋ฅผ ์„ค์น˜ํ•˜๋ฉด npm์€ ์ž๋™์œผ๋กœ ์„ค์น˜๋œ๋‹ค.

Vue CLI

CLI ํ™˜๊ฒฝ์—์„œ Vue.js ๊ฐœ๋ฐœ์„ ์‰ฝ๊ฒŒ ํ•  ์ˆ˜ ์žˆ๋„๋ก ๋งŒ๋“ค์–ด ์ฃผ๋Š” ๋„๊ตฌ

  • npm์ด์šฉํ•˜์—ฌ ์„ค์น˜
$ npm install -g @vue/cli
  • ํ”„๋กœ์ ํŠธ ์ƒ์„ฑ ๋ฐ์—ด๊ธฐ
$ vue create my-project
$ npm run serve
profile
๊ธฐ๋กํ•˜๋Š” ์Šต๊ด€์€ ์‰ฝ๊ฒŒ ๋ฌด๋„ˆ์ง€์ง€ ์•Š์•„์š”.

0๊ฐœ์˜ ๋Œ“๊ธ€