Vue 시작하기

1. Node.js 설치하기 

 

https://nodejs.org/en

Node.js — Run JavaScript Everywhere

 

Download Node.js 

# 명령어로 정상 설치 확인 
node -v
npm -v

 

2. Vue 설치 명령어 정리 

# 1. Vue cli 설치 
npm install -g @vue/cli

# 2. Vue 버전 확인 
vue --version

# 3. 새 Vue 프로젝트 생성 
vue create #{프로젝트 이름}

# 4. Vue 서버 실행하기 
npm run serve

 

3. 추가 패키지 설치 

# Vue 라우터 설치 
npm install vue-router

 

4. Visual Studio Code 편리한 플러그인 

• vetur : Vue 파일 하이라이팅 기능을 사용할 수 있는 플러그인(문서 가독성)
• EsLint : Vue 개발 시 문법체크 플러그인
• Auto Close Tag : 태그를 열면 닫히는 태그가 자동으로 입력되는 플러그인