vue-devtools的安装与使用

分类: 文章 • 2025-05-10 11:32:19

1.到github下载：

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

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

cd vue-devtools
cnpm install

3.修改manifest.json文件,把"persistent":false改成true

vue-devtools的安装与使用

4.编译代码

npm run build

5.扩展Chrome插件

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

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

vue-devtools的安装与使用

6. vue-devtools使用

vue项目, 打开控制台, 选择vue就可以使用了.

vue-devtools的安装与使用