본문 바로가기
프로그래밍/Vue.js

Vue CLI - init과 각 옵션

by Mr-후 2019. 11. 6.
반응형

Vue CLI - init과 각 옵션



$ @vue install @vue/cli-init -g 


Vue CLI를 이용해서 플로젝트를 초기화하는 기본 명령어는 다음과 같다. 


$ vue init <template-name> <project-name> 


  • template-name 의 경우 Vue CLI에서 정의하는 옵션 6개 중 하나를 입력해야 한다. 
  • webpack: webpack빌드 도구와 vue-loader를 이용하는 풀옵션으로서, 선택에 따라 linter, router, css전처리, 테스팅 도구들을 사용할 수 있다. 
  • webpack-simple: webpack빌드 도구와 vue-loader를 이용하는 옵션으로서, 작은 애플리케이션을 구축하는데 용이하다. 
  • browserify: browserify와 vueify를 이용하는 풀옵션으로서, 선택에 따라 linter와 단위 테스팅 도구를 사용할 수 있다. 
  • browserify-simple: browserify와 vueify를 이용하는 간단한 옵션으로서, 작은 애플리케이션을 구축하는데 용이하다. 
  • pwa-webpack: 빌드 도구를 이용하는 PWA 기반의 애플리케이션을 만드는데 용이하다. 
  • simple: 하나의 HTML파일 안에서 Vue컴포넌트로 개발하기에 용이하다. 


$ vue list 로 Vue CLI의 템플릿 확인 가능. 


반응형