반응형
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의 템플릿 확인 가능.
반응형
'프로그래밍 > Vue.js' 카테고리의 다른 글
.babelrc에 대해... (0) | 2019.11.07 |
---|---|
Vue js dynamic class 적용 (0) | 2019.07.17 |
vue img src 동적구성 (0) | 2019.07.17 |
error potentially fixable with the `--fix` option. (0) | 2019.07.08 |
Hit error EACCES: permission denied, mkdir '/Users/xxxxx/.nvm/versions/node/v10.15.3/lib/node_modules/babel-cli/node_modules/fsevents/lib' 오류가 난다면... (0) | 2019.07.06 |