vue-devtools的安装步骤

更新时间：2018年04月23日 08:50:53 作者：张成

vue-devtools 是一款基于chrome游览器的插件，用于调试vue应用，这篇文章分步骤给大家介绍了vue-devtools的安装方法，需要的朋友参考下吧

vue-devtools 是一款基于chrome游览器的插件，用于调试vue应用，由于国内不能访问谷歌商店（要科学上网），所以安装比较麻烦，写个文章记录一下。

第一步

将vue-devtools clone到本地

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

第二步

在vue-devtools目录下安装依赖包

cd vue-devtools
npm install

第三步

编译代码

npm run build

第四步

修改 vue-devtools/shells/chrome/manifest.json 文件，将 persistent改成 true

第五步

打开chrome，输入 chrome://extensions/ 进入到chrome扩展程序设置页面

打开右上角的开发者模式

点击加载已解压的扩展程序选择 vue-devtools/shells/chrome

注意：勾选允许访问文件网址

至此，vue-devtools已经安装完毕。enjoy it!

总结

以上所述是小编给大家介绍的vue-devtools的安装步骤，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！

您可能感兴趣的文章:

javaScript与vue获取元素的方法代码示例
在开发中我们可能会遇到这样的问题,文本框聚焦、元素点击等,所以下面这篇文章主要给大家介绍了关于javaScript与vue获取元素的相关资料,需要的朋友可以参考下
2023-10-10
vue悬浮可拖拽悬浮按钮的实例代码
这篇文章主要介绍了vue悬浮可拖拽悬浮按钮的实例代码，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
2019-08-08
vue.js如何删除数组中指定索引的元素
这篇文章主要介绍了vue.js如何删除数组中指定索引的元素问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2023-06-06
web面试MVC与MVVM区别及Vue为什么不完全遵守MVVM解答
这篇文章主要介绍了web面试中常问问题，MVC与MVVM区别以及Vue为什么不完全遵守MVVM的难点解答，有需要的朋友可以借鉴参考下，希望能够有所帮助
2021-09-09
详解vue 不同环境配置不同的打包命令
这篇文章主要介绍了详解vue不同环境配置不同的打包命令，主要包括正式环境、测试环境和开发环境，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2019-04-04
Vue3新属性之css中使用v-bind的方法（v-bind in css）
这篇文章主要介绍了Vue3新属性css中使用v-bind（v-bind in css）的方法，本文结合实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
2023-01-01
教你在vue项目中使用svg图标的方法
本文给大家介绍了在vue项目中使用svg图标的方法，本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友参考下吧
2022-04-04
如何在基于vue-cli的项目自定义打包环境
本篇文章主要介绍了在基于vue-cli的项目自定义打包环境，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-11-11
element 动态合并表格的步骤
这篇文章主要介绍了element 动态合并表格的步骤，帮助大家更好的理解和使用vue，感兴趣的朋友可以了解下
2020-12-12
vue里面使用mui的弹出日期选择插件实例
今天小编就为大家分享一篇vue里面使用mui的弹出日期选择插件实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-09-09