[뷰JS] 커맨드에서 설정하기 ( 뷰js 4.x 버전 이후 반영) #40

Window키 + R 후 cmd 입력

cmd 창에서

cd C:\Users\bit\IdeaProjects\lambda\src 엔터

vue create frontend

화살표로 아래방향이동 후 엔터를 칩니다.

다 선택하려면 a 누르면 되지면 입문상태에서 타입스크립트, PWA(모바일버전), SCSS 부분은 지금은 고려하지 않겠습니다. 현재 필요한 것만 선택하고 스페이스 키를 누르면 * 되면서 등록이 됩니다.

 

엔터를 누릅니다

 

히스토리 모드를 사용하겠느냐는 질문에 Y 선택

다음은 계속 엔터만 클릭했습니다.

 

 

이와 같은 설정은 절대적인 것은 아니고... 입문상태에서 최대한 가볍게 필요한 것만 설정한 것입니다.

 

simple-config 는대강의 이름을 준 것입니다.

 

 

계속 진행중인 상황입니다.  1분 정도 시간이 지나면 ...

 

https://vuetifyjs.com/ko/

Vue Material Design 컴포넌트 프레임워크 — Vuetify.js

UI 템플릿은 Vuetify 를 사용하시려면 아래와 같이 처리합니다.

yarn 대신에 vue add vuetify 를 사용하면 첫화면은 vuetify 기본화면을 생성됩니다.

 

 

그밖에 .. Bootstrap Vue 를 사용해도 됩니다.

 

https://bootstrap-vue.org/

BootstrapVue

 

Material Vue 도 괜찮습니다.

https://vuematerial.io/

Vue Material - Material Design for Vue.js

 

 

이상에서 마음에 드는 템플릿을 사용하면 되고, 해당 부분은 개인의 선택이 되겠습니다.

다만 마지막으로 해당 경로에 원하는 라이브러리가 디펜던시로 등록되었는지를 반드시 체크하길 바랍니다.