vue.js의 devtools 설치 튜토리얼에 대한 자세한 소개(그림 및 텍스트)

이 글은 주로 vue.js을 자세히 설명하는 devtoolsinstallation을 소개하는 글인데 편집자가 꽤 좋다고 생각해서 지금부터 공유해서 올려드리겠습니다. 참조. 에디터를 따라가서

Installation

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

3. manifest.json의 영구 항목을 true

로 수정합니다.

4. Google Chrome 설정 열기--->확장--"개발자 모드 확인---"프로젝트에 쉘 추가-->chrome 콘텐츠 또는 직접 드래그 쉘 열기-- >chrome. 성공적인 설치를 축하합니다! ! !

5. vue-cli로 빌드된 프로젝트인 경우 npm run dev를 실행하고 http://localhost:8080/server@를 엽니다. &@DebugAddress; 그러면 devtools;

을 사용하여 vue 프로젝트를 열고 콘솔에서 vue를 선택합니다:

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

paginationcomComponent) 첫 번째 페이지를 선택합니다.

마지막 페이지를 선택합니다. :

위 내용은 vue.js의 devtools 설치 튜토리얼에 대한 자세한 소개(그림 및 텍스트)의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!