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的扩展程序管理面板中选中此扩展程序的“容许访问文件网址”。