vue를 이용한 프로젝트 생성

cmd 창을 실행한 후에

프로젝트를 생성할 폴더로 이동한 후에 test프로젝트를 만들어 보자.

vue create test

Manually select features 를 선택하여 수동으로 셋팅한다.

위와 같이 선택을 한다.

구브라우저와 호환이 필요하면 Babel을 선택한다. 익스플로러11 지원이 필요한 경우

선택후 엔터

2.x 버전을 선택후 엔터

router에서 history모드를 사용할것인지 묻는데 그냥 디폴트로 엔터 나중에 소스에서 수정할수 있다.

ESLint 문법 체크 하는 건데 그냥 Standard 선택하고 엔터

저장할때 문법 체크인 Lint on save 선택하고 엔터

지금까지 설정한 환경파일을 분리해서 만들지 package.json에 통합할지 묻는데 분리해서 저장하겠다고 선택후 엔터

향후 프로젝트를 위한 사전 설정으로 저장하시겠습니까? 묻는데 그냥  다음에 사용 안할꺼라서 디폴트 N으로 하고 엔터

나중에도 다시 똑같은 설정으로 사용하고 싶으면 Y 선택후 엔터

패키지 생성이 완료 되었다.

cd test

yarn serve 하여 정상적으로 기동이 되는지 확인한다.

url : http://localhost:8080

실행하면 잘 기동이 된다.

 

vuetify 플러그인을 사용할 것이기 때문에 서버를 종료하고

vuetify 플러그인을 추가하여 준다.

vue add vuetify

Default 선택후 엔터

설치가 끝난후에 

/* 실행 */

yarn serve

url : http://localhost:8080

vuetify 적용된 이미지로 사이트가 실행되면 설치가 끝난것이다.