728x90
반응형
- 뷰 개발자 도구는 뷰로 개발할 때 도움을 주는 유용한 도구로, 뷰로 만든 웹 앱의 구조를 간편하게 디버깅하거나 분석할 수 있다.
1. 구글에서 vue.js devtools 라고 검색 후 첫번째 링크를 클릭한다.
2. 우측 상단에 Chrome 추가 버튼을 클릭한다.
3. 설치여불를 묻는 팝업이 뜨념 확장 프로그램 추가 버튼을 클릭한다.
4. 크롬에 추가되었다!
5. 개발자 도구를 열어보자 windows에서는 단축키 F12이다
마우스 경로는 우측 상단 '세개짜리버튼 클릭 -> 도구 더보기 - > 개발자도구
6. 확장프로그램 확인 - 확장프로그램관리
7. vue 확장프로그램에서 파일 URL에 대한 액세스 허용을 허용상태로 전환한다.
8. 개발자 도구에서 vue 탭을 클릭한다.
9. 각 요소별로 필요한 컴포넌트들을 확인한다.
728x90
반응형
'프로그래밍 이야기 > vue.js 공부' 카테고리의 다른 글
| vue 인스턴스 생성, 인스턴스옵션 속성 (0) | 2023.08.21 |
|---|---|
| Vue.js 특징 MVVM패턴의 의미와 장점 컴포넌트기반 프레임워크 (0) | 2023.08.11 |
| Vue 프로젝트 매니저로 프로젝트 설치하기 (0) | 2023.08.01 |