Vue安装浏览器开发工具的步骤详解
更新时间：2019年05月12日 14:33:34 作者：Hans在路上
这篇文章主要介绍了Vue安装浏览器开发工具步骤详解，本文分步骤给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
开发vue时，浏览器有一个好的开发调试工具能让开发事半功倍，磨刀不误砍柴工。
步骤
1.下载工具
地址： https://github.com/vuejs/vue-devtools
2.安装依赖
cmd进入vue-devtools文件夹，安装相关依赖，依次执行npm install,再执行npm run build。
3.修改配置
打开shells>chrome>src>manifest.json，修改”persistent”:false为true。
4.浏览器安装
经过前面几步，工具基本已经准备好了。接下来，打开浏览器。
· 打开里面的设置>点击拓展程序>点击开发者模式
· 再点击加载已解压的扩展程序，然后把shells>chrome这个文件夹加入即可。
5.测试
打开一个用vue开发的网页，打开chrome调试工具查看效果。
总结
以上所述是小编给大家介绍的Vue安装浏览器开发工具的步骤详解，希望对大家有所帮助，如果大家有任何疑问欢迎给我留言，小编会及时回复大家的！
相关文章
这篇文章主要介绍了vue.config.js文件使用方式,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-07-07
这篇文章主要为大家详细介绍了vue实现文字滚动效果，公告滚动播放，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-04-04
今天小编就为大家分享一篇vue修改对象的属性值后页面不重新渲染的实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-08-08
这篇文章主要介绍了vue-property-decorator使用手册，文中较详细的给大家介绍了他们的用法，通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-07-07
这篇文章主要介绍了深入学习Vue nextTick的用法及原理,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2019-10-10
前端Vue设置cookie、删除cookie,获取cookie方式
这篇文章主要介绍了前端Vue设置cookie、删除cookie，获取cookie方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-10-10
这篇文章主要介绍了vue使用axios访问本地json文件404问题及解决,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-07-07
这篇文章主要介绍了vue项目实现点击目标区域之外可关闭(隐藏)目标区域，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-03-03
本文主要介绍了Vue.js项目在apache服务器部署问题解决，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2022-06-06
这篇文章主要介绍了如何获取vue单文件自身源码路径，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-05-05
最新评论