vue-tools使用

vue-tools使用

1.到GitHub上下载
git clone https://github.com/vuejs/vue-devtools

2.安装依赖和打包

  • 进入vue-devtools目录

  • 安装依赖 npm install (失败的话,可以设置npm镜像)
    npm config set registry https://registry.npm.taobao.org

  • 打包 npm run build

  • 在vue-devtools文件夹下:shells>chrome>manifest.json,将配置里的persistent的值修改为true;

    1.选择目录

vue-tools使用

2.编辑manifest.json文件

vue-tools使用

3.导入工具包

进入谷歌的扩展程序 -》 开启开发者模式 -》 加载已解压的扩展程序 -》 选择“vue-devtools>>shells>>chrome” ,将chrome文件夹导入 ,完成即可。

  1. 选择扩展程序

vue-tools使用

2.开启开发者模式

vue-tools使用

3.选择vue开发工具

vue-tools使用