본문 바로가기

programming study/Vue

Vue.js - 애플리케이션 설계, Vue CLI 버전 별 차이

본 내용은 인프런 장기효(캡틴판교)님의 Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념 강의를 토대로 작성하였습니다.

1. 애플리케이션 설계란?

  • 웹 서비스를 만들 때는 기획 문서를 확인하여, 그것을 토대로 컴포넌트 기반으로 설계를 해야 함
  • 여러 페이지로 구성되어 있는 경우에는 라우터를 설계 해야 함

 

2. Vue CLI 버전 별 차이

Vue CLI 2.x vs Vue CLI 3.x

버전 명령어 웹팩 설정 파일 프로젝트 구성 ES6 이해도
2.x vue init '프로젝트 템플릿 이름' '파일 위치' 노출 O 깃헙의 템플릿 다운로드 필요 X
3.x vue create '프로젝트 이름' 노출 X 플러그인 기반으로 기능 추가 필요 O
  • 3.x 버전부터는 웹팩 설정 파일이 노출 안 됨
    • vue.config.js 파일에서 설정
  • 3.x 버전부터는 플러그인 기반으로 프로젝트 구성
    • 플러그인 기반으로 원하는 feature들을 빠르게 추가
    • 프로젝트 중간에도 플러그인을 추가 가능
  • 3.x 버전부터는 ES6의 여러 문법을 숙지해야 함

 

Reference

Vue.js 완벽 가이드 - 실습과 리팩토링으로 배우는 실전 개념