[Vue.js] Vue CLI

Yujin Leeยท2021๋…„ 5์›” 10์ผ
0

Vue.js

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

๊ณต์‹์‚ฌ์ดํŠธ

Command Line Interface
๋ช…๋ น์–ด๋ฅผ ํ†ตํ•ด ํŠน์ • action์„ ์ˆ˜ํ–‰ํ•˜๋Š” ๋„๊ตฌ


์„ค์น˜ ๋ช…๋ น์–ด

npm install -g @vue/cli
# OR
yarn global add @vue/cli

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Confirm version

vue -V




Vue CLI ์˜ค๋ฅ˜๋ฅผ ๊ฒช์œผ๋ฉด์„œ...

๋‹ค์šด๋กœ๋“œ ์™„๋ฃŒํ•œ ๊ฑด ์•Œ๊ณ  ์žˆ๋Š”๋ฐ ๋ฒ„์ „์„ ๋ชฐ๋ผ์„œ

vue -V

๋ฅผ ์ณ๋ดค์œผ๋‚˜

๋ญ”์†Œ๋ฆฐ์ง€ 1๋„ ๋ชจ๋ฅด๊ฒ ๋Š” ์˜ค๋ฅ˜๊ฐ€ ๋‚˜์™”๋‹ค.

์ด๋Ÿด ๋• powershell๋ง๊ณ  ๋‹ค๋ฅธ ํ„ฐ๋ฏธ๋„ ์ข…๋ฅ˜๋ฅผ ์„ ํƒํ•ด๋ณด๋Š”๊ฒŒ ์ข‹๋‹ค.

  1. bash๋กœ ์„ค์ •ํ–ˆ๋”๋‹ˆ ํ•ด๊ฒฐ๋๋‹ค.




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

  • Vue CLI 2.x
vue init 'ํ”„๋กœ์ ํŠธ ํ…œํ”Œ๋ฆฟ ์œ ํ˜•' 'ํ”„๋กœ์ ํŠธ ํด๋” ์œ„์น˜'
vue init webpack-simple 'ํ”„๋กœ์ ํŠธ ํด๋” ์œ„์น˜'
  • Vue CLI 3.x
vue create 'ํ”„๋กœ์ ํŠธ ํด๋” ์œ„์น˜'

package.json ์„ ์•ˆ๋งŒ๋“ค์—ˆ์„ ๋•Œ ๋ฐœ์ƒํ•˜๋Š” ์˜ค๋ฅ˜

npm ERR! enoent ENOENT: no such file or directory, open 'C:\Users\LGS1\Desktop\@@@\package.json'

ํ•ด๊ฒฐ ๋ฐฉ๋ฒ•

npm init
profile
I can be your Genie๐Ÿงžโ€โ™€๏ธ How โ€˜bout Aladdin? ๐Ÿงžโ€โ™‚๏ธ

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