뷰 개발 및 디버깅 유물 VUE-DevTools로

뷰 개발 및 디버깅 유물 : VUE-DevTools로

 

1. 크롬 확장 프로그램 다운로드
GitHub의 다운로드 :

https://github.com/vuejs/vue-devtools

 

NPM은 의존성에 따라 Taobao의 거울을 권장

주소 : HTTP : //npm.taobao.org/

 

명령 줄 설치 NPM Taobao의 거울 :

$ 고도 설치 -g cnpm --registry = HTTPS : //registry.npm.taobao.org

  

그런 다음 우리는 NPM 의존성이 아주 천천히, 설치 종속성에 따라 대신 cnpm NPM의 사용할 수 있습니다 .....

2. 컴파일러 설치

cnpm 설치

  

cnpm 실행 빌드

  

열기 쉘> 크롬> SRC> manifest.json을하고 "지속"에서 JSON 파일을 넣어 : 사실에 거짓

 

3. 크롬 확장 플러그인에 추가

  열기 크롬 브라우저 설정> 추가 도구>> 확장을 열고 개발자 모드를 클릭합니다;

  "압축 해제 된 확장 프로그램로드"를 클릭 한 후 선택 VUE-DevTools로-DEV> 쉘> 크롬 폴더;

마지막으로, 프로젝트의 디버그 VUE에 디버깅 도구를 열려면, F12 키를 VUE 프로젝트를 엽니 다.

 

추천

출처www.cnblogs.com/sandaizi/p/11582610.html