[VueJS] 사용자 선택(Manually select features) 옵션으로 Vue 프로젝트 생성하기

# 프로젝트 생성
vue create [프로젝트명]

 

Maually select features 선택

 

선택방법 

스페이스 클릭시 (*)로 선택된다.

Choose Vue version: Vue 버전을 선택 가능

Babel: es6이상, TypeScript로 개발 시 브라우저 버전에 상관없이 자동 전환해주는 기능

TypeScript: TypeScript 개발시 지원해주는 기능

Progressive Web App (PWA) Support: Web App 개발을 지원해주는 기능

Router: Vue Router를 위한 기능

Vuex: Vue에서 상태관리를 위한 기능

CSS Pre-processors: CSS 작성을 위한 CSS 전 처리 기능

Linter / Formatter: JavaScript codding Convention

Unit Testing: 단위 테스트

E2E Testing: end to end Testing, 통합 테스트

 

 

 

Vue 버전 선택

 

Router history를 사용할지 선택

 

standard 선택

ESLint + Aribnb config: Aribnb 만든 표준 가이드, 많이 사용

ESLint + Standard config

ESLint + Prettier

 

Lint feature: 코딩 컨벤션이 잘 지켜졌는지 체크하는 시점

 

Babel, ESLint 설치를 하게 되면 파일 설정들을 별도로 config files에 만들지 packge.json에 넣을지 선택

 

앞서 선택한 옵션을 저장해서 다음 프로젝트 만들 때 동일한 preset을 만들지 선택

 

 

y 입력시 preset 이름 입력

설치중...

설치 완료

 

 

preset 생성된 것을 확인