vue.js의 devtools 설치에 대한 자세한 소개

이 글에서는 주로 vue.js를 자세히 설명하는 devtoolsinstallation을 소개합니다. 편집자가 꽤 좋다고 생각해서 이제 공유하고 참고용으로 올려보겠습니다. 에디터 따라가서 구경해 볼까요

Installation

2. 다운로드 후 vue-devtools-master 프로젝트에 들어가서 npm install ----->npm run build를 실행합니다.

3. manif est.json 수정

est.

json의 영구 값이 true

4 Google Chrome 설정 열기--->확장 프로그램--》개발자 모드 확인---》추가 프로젝트의 쉘--> ;

chr콘텐츠를 직접 드래그하거나 쉘을 직접 드래그하세요-->chrome 설치가 성공적으로 완료되었습니다! ! !

5 vue-cli로 구축된 프로젝트인 경우 npm run dev를 실행하고 http://localhost:8080/ 서버

debugging

주소를 엽니다. 이제 devtools가 설치됩니다.

를 사용하여 콘솔에서 vue를 선택하세요.

5. 정보 변경 사항을 보려면 작동 가능한 구성 요소(예:

페이지 매김 구성 요소)를 선택하세요.

마지막 페이지 선택:

🎜🎜🎜

위 내용은 vue.js의 devtools 설치에 대한 자세한 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!