vue devtools安装及使用

1.安装

1. 从 github.com/vuejs/vue-d… clone项目到本地

git clone github.com/vuejs/vue-d…

2. 进入项目

cd vue-devtools

3. 安装依赖包

npm install || cnpm install

4. 修改文件

vue-devtools/shells/chrome/manifest.json

"background": {
    "scripts": [
      "build/background.js"
    ],
    "persistent": true  //将false改为true
  },

5. 打包

npm run build

6. 打开chrome下的扩展程序,启用开发者模式,单击"加载解压缩的扩展名",选择shells/chrome即可

1. 如果页面使用Vue.js的生产/缩小版本，则默认情况下禁用devtools检查，因此Vue窗格不会显示。
2. 要使其适用于通过file://协议打开的网页，您需要在Chrome的扩展程序管理面板中选中此扩展程序的“允许访问文件网址”。