강디너의 개발 일지

세부 내용 - Vue init 본문

Javascript/토이프로젝트

세부 내용 - Vue init

강디너 2019. 1. 13. 23:08
728x90
반응형

Vue 2+ 와 Git 설치를 해보겠습니다.


Vue 2+ 는 Vue 버전 2.~~ 입니다.


현재는 Vue 3 이 나왔으나 자료가 부족해서 이번 프로젝트에서는 사용하지 않습니다.


Vue 를 설치하겠습니다.


윈도우 -> cmd 창

맥 -> 터미널 창


npm install -g vue-cli


-g 옵션은 vue-cli 를 어디서든지 사용하겠다고 정의하는 옵션입니다.


vue init 옵션에 대해서 보겠습니다.



Browserify - Browserify + vue 조합으로 hot-reload, ESLint, unit testing 지원 템플릿


Browerify-simple - Browserify + vue 조합


pwa - 프로그래시브 웹을 만들기 위한 세팅


simple - 하나의 index.html 생성


webpack - webpack + vue-loader 조합 + hot-reload, ESLint, unit testing 지원 템플릿


webpack-simple - webpack + vue-loader 조합




vue 를 이용해서 프로젝트를 만들어보겠습니다.


vue init webpack 프로젝트이름




제 설정은 이렇게 했습니다.



그 다음 내용은 프로젝트 시작에 있습니다.

커피한잔...
Comments