원래 작성자에게 감사 : https://www.cnblogs.com/alice-fee/p/8038367.html
설정 1 : 상시 개방 크롬 숍, 검색 vuejs DevTools로 설치합니다. 크롬 : // 확장 / 개발자 도구 - 활성화 확장;
설치 방법 2 (권장) : GitHub의 다운로드 플러그인, NPM 패키지 의존성을 설치, 브라우저 확장을 드래그
이렇게하려면 :
1. 크롬 확장을 다운로드합니다.
github의 다운로드에 로컬, github의 다운로드에 압축 파일을 압축 해제 : https://github.com/vuejs/vue-devtools
2. NPM 설치
다운로드가 완료되면는 VUE-DevTools로 마스터 폴더에 cmd를 명령 줄을 열고
1. NPM, 설치 종속성을 설치, 설치가 너무 느린 경우, 지침의 끝에서 문서를 참조하십시오.
2. NPM 실행 빌드
NPM 실행 빌드를 실행 크롬, 윌 껍질 SRC 파일> JS 파일 폴더가 생성하는 몇 가지 위의 그림;
위의 명령 오류의 구현, 배경 스크립트를로드 할 수없는 경우 아래와 같이 "/ background.js를 구축"
3. 쉘> 크롬>의 manifest.json을 열고 "영구"에서 JSON 파일을 넣어 : 사실에 거짓
4. 확장 크롬 플러그인
1. 크롬 브라우저,> 확장을 더 많은 도구를 엽니 다;
2. 그런 다음에 압축을 푼 확장 한 다음 껍질> 크롬 폴더를로드 클릭
5, 테스트 설치 성공
在插件的目录下执行npm run dev,这个时候我们的插件就可以运行了,打开localhost:8080可以看到插件已经安装并运行了。
方法3: 下载chrome插件安装包(.crx文件)离线安装(版本较低不推荐)
下载地址:http://www.cnplugins.com/devtool/vuejs-devtools/download.html
安装方法:http://www.cnplugins.com/tools/how-to-setup-crx.html
在chrome中新开一个TAB,输入:chrome://extensions/ 回车,打开应用管理器,可以看到之前安装的其他应用。将下载后的.crx文件,拖入即可安装。
另附:
1. 建议使用npm淘宝镜像安装依赖包地址:http://npm.taobao.org/
命令行安装npm淘宝镜像:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
之后我们就可以使用cnpm代替npm安装依赖包了
2. chrome插件网地址 http://www.cnplugins.com/, 有需要别的插件的可类似以上操作。