본문 바로가기
Vue.js/[인프런]Vue.js제대로 배워볼래?

Ch.03 Vue 프로젝트 생성 - Vue CLI 설치하기

by hinote 2023. 3. 5.

Vue CLI 설치하기

- Vue 프로젝트를 생성하고, 관리하고, 빌드하는 제공을 제공해 준다.

-Vue 프로젝트의 폴더 구조, 필요한 파일들, 기본 설정 옵션을 명령어를 통해 자동으로 만들어 준다.

 

 

 

 

npm install -g @vue/cli 명령어 입력하기

(윈도우의 경우 admin 계정으로 로그인 해 사용중이라면 sudo 없이 그대로 명령어 입력해도 되지만,

admin계정이 아니거나 os일 경우에는 맨 앞에 sudo를 붙여 입력해야 한다)

 

-g란 global이라는 뜻이다.

지금 설치하는 플러그인은 어떤 하나의 프로젝트에 종속되어 사용하는 것이 아니고,

앞으로 어떤 프로젝트를 만들더라도 이 플러그인을 사용할 수 있도록 전역적으로 이 패키지를 설치하겠다는 의미.)

 

 

 

 

 

 

Vue CLI를 이용해서 프로젝트 만들기

  • Default 옵션으로 생성하기
  • Manually select features 옵션으로 생성하기
    - 사용자가 원하는대로 기능 선택 가능
  • Vue 프로젝트 매니저로 생성하기
    - GUI 기반으로 되어있음 (다른 방법들은 모두 CLI 형식임)

이렇게 세 가지 방법으로 만들 수 있다

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

댓글