[Intelij] Vue.js 프로젝트 생성해보기

이번 피드에서는 Intelij를 이용하여 Vue.js 프로젝트를 생성하여 실행까지 해보는 피드를 작성해 보겠습니다.

 

사전준비단계

1. Node 설치

2. Vue Cli 설치

---

1. Node설치

Vue프로젝트를 만들기위해서는 우선 Node을 설치해야 합니다.

brew를 이용해서 간단히 node를 설치해봅니다.

brew install node

 

2. Vue Cli 설치

Vue 터미널 명령어를 사용하기 위해 Vue Cli를 설치해 주어야한다.

아래의 명령어로 설치와 설치확인이 가능하다.

# 설치
npm install -g @vue/cli

# 설치확인
vuew --version

 

3. Intelij Vue Plugin설치

 

Intelij에서 Vue 프로젝트를 생성하기 위해 Vue.js 플러그인을 설치해줘야 한다.

plugins 메뉴에서 vue를 검색 후 Vue 플러그인을 설치해준다.

 

위의 설치단계까지 마쳤으면, 모든 준비가 끝났다.

이제 프로젝트를 생성하면 된다.

---

 

Vue 프로젝트 생성하기

프로젝트 생성 메뉴에서 vue.js를 선택한다.

name : 프로젝트명

location : 프로젝트 위치

Node interpreter : node 설치경로

Vue CLI : vue cli 멸령

 

위의 내용을 차례대로 선택해 준 다음 create버튼을 눌러 프로젝트를 생성해준다.

 

프로젝트를 생성하면 초기 세팅과정이 진행된다. 조금 기다린 후 생성된 프로젝트를 실행해보면 정상적으로 실행화면을 볼 수 있다

 

여기까지 간단히 Intelij를 이용한 Vue프로젝트를 생성 후 실행해보는 과정까지 알아보았다.