Vue bootstrap 속성 커스터마이징

가져온 bootstrap을 커스터 마이징 하겠습니다.

먼저 atom을 설치합니다.

https://atom.io/

그다음 커멘드창에 가져온 부츠스트랩 폴더를 엽니다.

이창에서

atom .

명령어를 날리면

Atom 창이 바로 뜹니다.

src > router > index.js

페이지에 들어가면 각 path 별로 어떤 화면을 가져오는지 확인할 수 있습니다.

↓ main dashboard

저는 http://localhost:9527/#/documentation/index  path에 있는 documentation 페이지를 바꿔보겠습니다.

방금 index.js 페이지에서

documentation url 을 찾습니다.

그럼 /views/documentation/index component를 띄우는 것을 알 수 있습니다.

views 폴더 밑에 documentation 폴더 밑에 index.vue를 열어봅시다.

버튼 4개 중에 하나는 dropdown 기능이 있나보네요. 나중에 사용할 일이 있을 것 같으니 냄겨두고 나머지는 지우겠습니다.

이렇게 제 블로그 url로 가도록 수정했습니다.

그럼 바로 이렇게 바뀌고

바로 제 블로그로 와집니다.