Command Line Interface, 명령어 실행 도구

Vue CLI 설치

1. 노드의 버전 확인 (최소 10. 이상)

   node -v
   

2. NPM 버전 확인 (최소 6. 이상)

   npm -v
   

3. Vue CLI 설치

   npm install -g @vue/cli
   

📖 참고 자료

• Vue CLI 공식 사이트 링크

CLI 2.x와 3.x의 프로젝트 생성 및 서버 실행

Vue CLI 2.x

vue init '프로젝트 템플릿 유형' '프로젝트 폴더 위치'
vue init webpack-simple '프로젝트 폴더 위치' 
 

Vue CLI 3.x

vue create '프로젝트 폴더 위치'

Vue 설치

vue create vue-cli

default / manually select 중 default를 선택해 설치한다. 아래와 같은 메시지가 나타나면 설치가 성공적으로 완료된것이다

🎉  Successfully created project vue-cli.
👉  Get started with the following commands:

 $ cd vue-cli
 $ npm run serve

📖 참고 자료

• Where does npm install packages? 스택 오버 플로우 글
• 웹 개발할 때 알아두면 좋은 리눅스 명령어 글

CLI로 생성한 프로젝트 구조 확인