Vue 프로젝트 생성 후 실행까지

---

 

 

Vue CLI 설치

npm을 이용하여 설치하는데 -g 옵션을 통해
현재 프로젝트 node_module에 설치하는 것이 아닌
시스템 전역으로 설치합니다.(global 패키지로 등록)

--save 옵션을 줄 경우 현재 작업 중인 디렉토리 내에 있는
node_modules에 패키지를 설치하고,
이후 package.json 파일에 dependencies에 설치 패키지 정보를 추가합니다.

npm install -g @vue/cli

 

 

---

 

 

Vue 프로젝트 생성하기

1. cmd 혹은 터미널에서 vue 명령어 실행

 - 프로젝트명을 카멜케이스로 입력할 경우 에러 (ex:vueProject)

 - 케밥케이스로 입력합니다. (ex:vue-project)

-- vue/cli 3.x 이상일 경우
vue create 프로젝트명

-- vue/cli 3.x 미만일 경우
vue init webpack 프로젝트명

 

 

---

 

Vue 프로젝트 실행

cmd 혹은 터미널에서 cd 명령어로 프로젝트 위치로 이동한 후 아래 명령어 실행

-- yarn 사용시(8080)
yarn serve

-- npm 사용시(8080)
npm run serve

-- npm 사용 포트 설정시
npm run serve -- --port 포트번호

 

---