526互联

02vue之调试工具vue-devtools

发布时间 2023-10-10 11:12:42作者: songxia777

1 下载插件

可以在 https://chrome.zzzmh.cn/#/index 这里直接下载，然后直接拖入 扩展程序即可

2 下载包

2.1 从github克隆项目

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

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

cd vue-devtools
npm install

2.3 修改manifest.json文件

把"persistent":false 改成 true

image

2.4 编译项目代码

npm run build

2.5 配置扩展Chrome插件

  • Chrome浏览器 > 更多程序 > 拓展程序
  • 点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图

image