> 웹 프론트엔드 > JS 튜토리얼 > vue-devtools 설치 단계에 대한 자세한 설명

vue-devtools 설치 단계에 대한 자세한 설명

php中世界最好的语言
풀어 주다: 2018-04-27 11:11:53
원래의
3409명이 탐색했습니다.

이번에는 vue-devtools 설치 단계에 대해 자세히 설명하고, vue-devtools 설치 시 주의사항은 무엇인지 살펴보겠습니다.

첫 번째 단계

vue-devtools를 로컬

git 클론에 복제합니다. https://github.com/vuejs/vue-devtools.git

두 번째 단계

vue-devtools 디렉토리에서 종속 패키지 설치

cd vue-devtools
npm install
로그인 후 복사

3단계

코드 컴파일

npm run build
로그인 후 복사

4단계

vue-devtools/shells/chrome/manifest를 수정합니다.<a href="http://www.php%20.cn%20/wiki/1488.html" target="_blank">json<code>vue-devtools/shells/chrome/manifest.<a href="//m.sbmmt.com/wiki/1488.html" target="_blank">json</a> 文件,将 persistent改成 true

 

第五步

打开chrome,输入 chrome://extensions/ 파일, 영구를 true

5단계

크롬을 열고 chrome://extensions/ 를 입력하여 크롬 확장 프로그램 설정 페이지로 들어갑니다

개발자 모드 열기 오른쪽 상단 모서리에

압축 해제된 확장 프로그램을 로드하고 vue-devtools/shells/chrome

을 선택하려면 클릭하세요. 참고: 파일 URL에 대한 액세스를 허용하려면 선택하세요.

이 시점에서 vue- devtools 설치가 완료되었습니다. 즐겨보세요!

이 기사의 사례를 읽으신 후 방법을 마스터하셨다고 믿습니다. 더 흥미로운 정보를 보려면 PHP 중국어 웹사이트의 다른 관련 기사를 주목하세요!

추천 도서:
JS 변수 선언 var, let.const 사용법에 대한 자세한 설명

🎜🎜🎜Node.js 애플리케이션 설정 샌드박스 환경 사용 방법🎜🎜🎜

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

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿