Chrome浏览器vue-devtools插件安装教程

Posted chenhuishui

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Chrome浏览器vue-devtools插件安装教程相关的知识,希望对你有一定的参考价值。

1.打开技术分享图片https://github.com/vuejs/vue-devtools技术分享图片,cmd方式直接输入:git Clone 技术分享图片https://github.com/vuejs/vue-devtools.git 或者直接下载该项目
2.进入该项目安装依赖:npm install
3.npm run build 
4.进入Chrome,右上菜单栏  选择更多工具>扩展程序>勾选开发者模式
5.进入Chrome,右上菜单栏  选择更多工具>扩展程序>点击  加载已解压程序>选择文件  vue-devtools-master>shells>chrome  确定
6.重启浏览器就可以了

以上是关于Chrome浏览器vue-devtools插件安装教程的主要内容,如果未能解决你的问题,请参考以下文章

vue(chrome)调试工具vue-devtools安装

谷歌chrome浏览器vue调试工具vue-devtools的安装

如何安装 vue-devtools 浏览器插件

vue-devtools是vue浏览器调试工具

vue 调试程序的安装(谷歌浏览器chrome的vuejs devtools 插件的安装)

Vue调试神器vue-devtools 的安装