首页 > 技术文章 > vue 调试工具vue-devtools 安装

yclh 2022-01-17 15:39 原文

一、下载 工具vue-devtools

注:必须是5.1.1版本 比这个版本高的试过,没法正确使用。

https://github.com/vuejs/vue-devtools/tree/v5.1.1

 

二、解压后安装

D:\tool>cd devtools-5.1.1

 

D:\tool\devtools-5.1.1>cnpm install

三、修改参数

把"persistent":false改成true

 

 

 

 

四、编译代码

npm run build

 

五、谷歌浏览器扩展插件

Chrome浏览器 >  更多程序 > 拓展程序 

点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图

 

 

 

六、vue-devtools使用

vue项目, 打开f12, 选择vue就可以使用了

注:不是vue项目的打开没有Vue这个选项

 

 

 

推荐阅读