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를 띄우는 것을 알 수 있습니다.. Front-end/Vue 6년 전
Vue bootstrap 적용해보기 vue bootstrap 가져와서 적용해 보는것을 해보겠습니다. vue bootstrap 사이트를 찾습니다.https://cssauthor.com/vue-js-admin-templates/저는 이 사이트를 이용했습니다. 원하는 페이지 zip파일을 받습니다. 받은 zip파일 압축을 푼 뒤에 커멘드창에서 zip파일 푼 주소로 가봅니다. C:\Users\USER\eclipse-workspace\vue-element-admin-master> 저는 여기에 설치했습니다. 여기서 npm install npm run dev 명령어를 차례로 실행하면 화면에 뜬 http://localhost:9527 주소로 들어가 확인해볼수 있습니다. 이상으로 vue bootstrap적용 이었습니다. Front-end/Vue 6년 전