[Vue] 뷰3, 개발 환경 준비

Vue 3의 기본 개발 환경 세팅을 해보자. 우선 npm을 사용하기 때문에 Node.js가 필수로 설치되어 있어야 한다.

 

1. Node.js 설치 확인
node -v

 

2. Vue cli 글로벌 설치
node install -g @vue/cli

 

3. Vue 프로젝트 생성할 곳으로 이동하여 프로젝트 생성
vue create 프로젝트명

 

4. 버전 선택
[Vue 3] babel, eslint

 

5. 패키지 매니저 선택
Use NPM

 

6. 서버 접속
npm run serve

 

http://localhost:8080/으로 접속하면 화면이 출력된 것을 확인할 수 있다.

 

vue 초기 화면