Vue.js 개발 도구 V5.1.1
Vue.js devtools의 crx 파일을 다운로드한 후 Chrome의 확장 프로그램 페이지(chrome://extensions/ 또는 Chrome 메뉴 아이콘 > 추가 도구 > 확장 프로그램 찾기 누르기)를 연 다음 crx 파일을 확장 프로그램 페이지에 끌어다 놓아 설치하세요. ;
4. "확장 프로그램 추가"를 클릭하여 설치를 완료하세요.
5. Vue.js devtool 플러그인은 설치 후 사용할 수 없으며 "vue.js가 감지되지 않음" 메시지가 나타납니다. 이때 다음 방법을 사용할 수 있습니다.
먼저 Vue.js devtool 플러그인의 설치 디렉터리를 찾아야 합니다. (정말 플러그인 설치 위치를 찾을 수 없다면 로컬 컴퓨터에서 플러그인 ID를 검색해 보세요: nhdogjmejiglipccpnnnanhbledajbpd.) 크롬 플러그인의 설치 위치는 운영체제마다 다릅니다. 예를 들어, win8 시스템에서 Chrome 플러그인 설치 위치: C:UsersAdministratorAppDataLocalGoogleChromeUser DataDefaultExtensionsnhdogjmejiglipccpnnnanhbledajbpd
Second, Vue.js devtool 플러그인의 설치 디렉터리를 찾은 후 mainifest.json 파일(핵심)을 엽니다. .
mainfest.json의 코드 persist: false를 persist: true로 변경합니다. 아래 그림과 같이
일반적으로 위 위치의 코드가 수정됩니다. vue 프로젝트를 연 후 콘솔에서 vue를 선택하면 정상적으로 사용할 수 있습니다.
셋째, 위의 방법으로 조정한 후에도 여전히 사용할 수 없다면 webpack.config.js의 코드를 아래와 같이 조정하면 됩니다.
마지막으로 vue 프로젝트를 다시 시작해야 합니다. 사용할 준비가.
2. 소스코드 설치 방법
2 다운로드 후 vue-devtools-master 프로젝트에 들어가서 cnpm install을 실행하고 종속성을 다운로드한 다음 npm run build를 실행하여 소스 프로그램을 컴파일합니다. 
3. 컴파일이 완료된 후 디렉터리 구조는 다음과 같습니다. 
shells-chrome 디렉터리의 mainifest.json에서 지속성을 true로 수정합니다. 
Chrome 설정 ---> 확장 프로그램을 실행하고 개발자 모드를 확인하세요.
그런 다음 방금 컴파일한 프로젝트의 쉘 디렉터리에 있는 전체 chrome 폴더를 현재 브라우저로 직접 드래그하고 활성화를 선택하세요. 브라우저에 플러그인을 설치합니다. 
5 기존 vue 프로젝트를 열고 프로젝트를 실행한 다음 브라우저에서--->설정--->추가 도구--->개발자 도구에서 디버깅 모드로 들어갑니다.
vue.js가 감지되지 않으면 webpack.config.js의 코드를 조정할 수 있습니다. 
마지막으로 vue 프로젝트를 다시 시작하면 사용할 준비가 됩니다.
요약: Vue.js devtool 플러그인을 설치한 후 "vue.js가 감지되지 않음" 문제가 나타납니다. 먼저 확장 프로그램에서 개발자 모드를 선택하고 플러그인 설치 디렉터리를 엽니다. mainifest.json에서 persistant를 true로 설정하고, 그래도 작동하지 않으면 webpack.config.js의 코드를 조정하고 마지막으로 vue 프로젝트를 다시 시작하여 사용하세요.
이 사이트의 모든 리소스는 네티즌이 제공하거나 주요 다운로드 사이트에서 재인쇄되었습니다. 소프트웨어의 무결성을 직접 확인하십시오! 이 사이트의 모든 리소스는 학습 참고용으로만 사용됩니다. 상업적 목적으로 사용하지 마시기 바랍니다. 그렇지 않으면 모든 결과에 대한 책임은 귀하에게 있습니다! 침해가 있는 경우 당사에 연락하여 삭제하시기 바랍니다. 연락처: admin@php.cn
관련 기사
VUE3 개발 기본 사항: Vue.js 사용자 정의 플러그인을 사용하여 개발
15 Jun 2023
Vue.js가 프런트엔드 개발을 위해 선호되는 프레임워크 중 하나가 되면서 점점 더 많은 개발자가 Vue.js 플러그인 개발에 참여하기 시작했습니다. Vue.js 플러그인은 전역적으로 설치 및 재사용할 수 있는 기능적 구성 요소로, Vue.js 자체의 기능을 향상시키고 Vue.js 프레임워크에 새로운 기능을 추가할 수 있습니다. Vue.js3.0 버전에서는 플러그인 개발이 더욱 간편해지고 편리해졌습니다. 이 글에서는 Vue.js 커스텀 플러그인을 개발에 활용하는 방법을 소개하겠습니다. 1. Vue.js 플러그인 Vue란 무엇인가요?
Google Chrome 플러그인이 차단된 경우 어떻게 해야 하나요?
29 Feb 2024
Google 크롬 플러그인이 차단된 경우 어떻게 해야 합니까? 많은 사용자는 Google 크롬을 사용할 때 일부 플러그인을 설치하는 것을 좋아합니다. 일부 사용자는 Google 크롬 플러그인을 사용할 때 이러한 플러그인을 사용하여 더 많은 기능을 경험할 수 있다고 말했습니다. 에서는 항상 팝업 플러그인 실행이 차단되어 페이지가 로드되지 않습니다. 많은 사람들이 이 상황을 처리하는 방법을 모릅니다. 편집기는 Google 크롬 플러그인의 차단을 해제하는 간단한 방법을 제공합니다. 이 방법이 도움이 되기를 바랍니다. Google 브라우저 플러그인 차단을 해제하는 쉬운 방법: 1. 웹사이트를 열고 누락된 플러그인에 대한 프롬프트를 표시합니다(그림 참조). 2. 이를 클릭하면 다음 플러그인 Adobe Flash Player가 이 웹페이지에서 차단되었다는 자세한 메시지가 표시됩니다(그림 참조). 3. 클릭
javascript console_javascript 스킬에 대한 자세한 설명
16 May 2016
이 기사는 2011년에 작성되었으며 주로 "Firefox" 브라우저 플러그인 "Firebug"의 작동을 소개합니다. 요즘 주류 브라우저는 콘솔에 대한 좋은 지원을 제공하고 있습니다. 저는 주로 구글의 '크롬' 브라우저를 사용하고 있으며, 아래 디버깅용으로도 '크롬' 브라우저를 사용하고 있습니다.
Google 크롬 제스처 플러그인 다운로드 및 설치 튜토리얼은 어디에 있나요?
03 Sep 2024
Google 크롬을 사용하면 제스처를 통해 일련의 명령을 직접 수행할 수 있지만 많은 사용자가 Google 크롬 제스처 플러그인이 어디에 있는지 묻고 있습니다. 이 사이트에서는 사용자에게 Google 크롬 제스처 플러그인 다운로드 및 설치 튜토리얼에 대한 자세한 소개를 제공합니다. 구글 크롬 제스처 플러그인 다운로드 및 설치 튜토리얼 1. 크롬 브라우저를 열고 북마크바 왼쪽에 있는 앱을 클릭해 앱 스토어를 엽니다(그림 참조). 2. 검색창에 마우스 제스처를 입력하고 직접 Enter 키를 누른 후 확장 프로그램을 클릭하고 무료를 클릭하세요. 3. 추가를 클릭하면 이 확장 기능이 자동으로 설치됩니다(그림 참조). 4. 성공적으로 설치되면 확장 프로그램의 설정 페이지가 자동으로 열립니다(그림 참조). 5. 여러분, 일반적인 마우스 제스처
Chrome 확장 프로그램을 추가하는 방법
31 Jan 2024
Google 크롬 확장 프로그램을 추가하는 방법은 무엇입니까? Google 크롬의 확장 기능은 매우 유용한 서비스 기능 중 하나로, 더욱 다양한 인터넷 검색 서비스를 제공할 수 있습니다. 구글 크롬을 사용하시면 자신의 선호도에 따라 구글 플러그인 스토어나 다른 플러그인 웹사이트에서 자유롭게 다운로드하여 사용하실 수 있습니다. 프로그램 추가 방법을 소개합니다. 구글 크롬 확장 프로그램 추가 방법 방법 1: 드래그 앤 드롭 설치 1. 먼저 플러그인을 다운로드한 후 크롬 확장 프로그램 페이지를 엽니다. 2. "chrome://extensions/"로 이동하거나 Chrome 메뉴 아이콘 —>추가 도구 —>확장 프로그램"을 누릅니다.
Google Chrome 모바일 플러그인 다운로드 및 설치
29 Jan 2024
Google Chrome 모바일 버전용 플러그인을 다운로드하고 설치하는 방법은 무엇입니까? Google Chrome의 플러그인 확장 기능은 매우 강력하며 고유한 플러그인 기능을 많이 설치할 수 있습니다. 하지만 구글 크롬 모바일 버전에서는 플러그인의 다운로드 및 설치 방법이 어느 정도 변경되어 모바일 버전의 구글 크롬을 사용하지 않는 일부 친구들이 플러그인을 다운로드 및 설치하는 경우도 있었습니다. Woolen Cloth를 특별히 설치하나요? 아래에서 편집기는 Google 크롬 모바일 버전 플러그인 다운로드 및 설치에 대한 튜토리얼을 제공합니다. Google Chrome 모바일 버전 플러그인 다운로드 및 설치 튜토리얼 1. 먼저 휴대폰을 열고 클릭하여 설정을 엽니다. 2. 그런 다음 클릭하여 Google을 엽니다. 3. 다음으로 클릭하여 Google Chrome을 엽니다. 4. 마지막으로, 플러그인을 설치하려면 클릭하고 설치하세요.
Hot Tools
Talend API 테스터
이전에 Restlet Client로 알려졌던 Talend API Tester 플러그인은 프로그래머가 웹 페이지를 디버깅하는 데 도움을 줄 수 있는 도구로 개발자에 의해 설계 및 개발되었습니다. Talend API Tester를 사용하면 HTTP 및 REST API를 쉽게 호출하고 검색하고 테스트할 수 있습니다. REST, SOAP 및 HTTP API와의 시각적 상호 작용을 지원합니다.
카슨 /tinytools
Tiny tools는 QR 코드 생성기, QR 코드 디코딩, 번역, 타임스탬프 변환, 소스 형식, JSON 형식, 이미지 base64 문자 인코딩 등과 같은 유용한 도구가 많이 포함된 Chrome 확장 프로그램입니다.
Angular 디버깅 플러그인AngularJS Batarang
Anglejs batarang 플러그인은 Google Chrome에 설치할 수 있는 강력한 Angular 디버깅 플러그인입니다. 이 anglejs batarang 플러그인을 설치하고 사용하면 개발 프로세스가 더욱 편리해집니다.
상세한 SEO 확장
SEO는 검색 엔진 최적화 기술입니다. 웹 사이트 운영자는 검색 엔진의 호감을 얻고 검색 엔진에서 검색 트래픽을 가져오기 위해 사용자의 요구를 충족하기 위해 고품질 콘텐츠를 게시해야 합니다. 웹사이트에 대한 검색 엔진의 사랑을 측정하는 것은 일반적으로 SEO 지표로 구성됩니다. SEO와 관련하여 SEOquake, META SEO Inspector, 5118 Webmaster Toolbox - Essential SEO 플러그인 등과 같은 많은 플러그인을 도입했습니다. , 오늘 편집자는 특정 웹페이지의 제목을 빠르게 분석할 수 있는 도구를 가져왔습니다.