Vue- vue devtools安装

。_饼干妹妹 提交于 2019-11-30 18:46:47

使用Vue开发过程中,需Chrome浏览器的调试插件Vue devtools

1、下载

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

选择下载安装整个ZIP压缩包

 

 

 


2.然后进行解压缩,并在解压后的文件夹里面打开命令提示符,

 

 

 

3.然后在相同的路径里面输入:npm install
再输入:npm run build

注意:npm install的时候会报错: npm ERR! Unexpected end of JSON input while parsing near '...a1a6ec9096c30d3954dd5'

 

 

 

解决方法:npm cache clean --force

 

 

 

 

 

 

 

 

4.在编译好的文件夹找到manifest.json这个文件,一般所在的路径是:
自己安装的路径\vue-devtools-dev\shells\chrome\manifest.json
然后打开这个manifest.json, 将persistent的值改为true

 

 

5.打开chrome浏览器的扩展程序,(chrome://extensions/

打开开发者模式,并将整个chrome文件夹拖入空白处,即可加载出vue devtools插件

 

 

6、验证

 

 二、火狐安装

 

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!