frontend/vue.js
Debugging in vue.js
seul chan
2018. 1. 13. 07:00
vue에서 디버깅하는 두 가지 방법
chrome의 개발자 도구 사용 vue-cli(webpack)을 사용하는 경우 크롬의 개발자 도구를 활용하여 쉽게 디버깅 가능.
vue dev tools (https://github.com/vuejs/vue-devtools) vue dev tools을 설치하면 크롬 개발자 도구에서 뷰 컴포넌트, 이벤트 등을 쉽게 확인이 가능하다.
설치도 extension 형태로 아주 쉽게 설치할 수 있다. (현재 Chrome, Safari, Firefox를 지원)
- 크롬 extension 설치
- 파이어폭스 애드온 설치
- 사파리 workaround 설치:
npm install이 필요하다.
이후 개발자 모드로 들어가 보면 Vue탭이 생긴 것을 볼 수 있다.
