vue调试工具vue-devtools安装及使用

vue调试工具vue-devtools安装及使用

本文主要介绍 vue的调试工具 vue-devtools 的安装和使用
话不多说直入正题

1. 到github拉取源码

   git@github.com:vuejs/vue-devtools.git
   

   注意：代码克隆到本地后一定要切换到master分支,默认是dev分支；亲测dev分支打包后的不可用
   
   

2. 进入到vue-devtools目录下安装依赖包

   npm install
   

3. 修改manifest.json文件，将shells/chrome目录下的manifest.json文件中的persistent的值由false改为true
   

4. 编译源码

   npm run build
   

5. 安装chrome扩展
   
   

6. 安装成功
   

7. 打开我们vue开发的项目，愉快的使用吧！
   
   如果不想麻烦小编已为客官准备了直接可用的，前往下载直接使用即可：vue-devtools chrome扩展下载链接