[Vue.js] 뷰 개발자 도구 설치

뷰 크롬 플로그인을 이용하면 뷰 개발에 도움을 줌.

뷰로 만든 웹의 구조를 분석하거나 디버깅 가능.

크롬 플로그인 설치

https://chrome.google.com/webstore/detail/vuejs-devtools/nhdogjmejiglipccpnnnanhbledajbpd

Vue.js devtools

 

github 

https://github.com/vuejs/vue-devtools

vuejs/vue-devtools

 

- 뷰 개발자 도구를 설치 했음에도 아래와 같이 뷰 개발자 도구를 설치하라는 로그가 나타날 경우

 

파일 시스템에서 접근하여 브라우저로 실행했을 경우 뷰 개발자 도구를 인식하지 못함

이 문제를 해결하기 위해선 크롬 확장 프로그인 설정을 변경

1. 크롬의 도구 더보기 -> 확장 프로그램 선택

 

2. 확장 프로그램 화면에서 Vue의 세부정보 선택

 

3. 파일 URL에 대한 엑세스 허용 체크

 

4. 적용 확인

뷰 개발자 도구를 설치하라는 로그 사라진 것 확인