这几天给我的项目浏览器装置vue-devtools， 弄了好长时间， 装置了几个tag版本 都在install 时失败， 尝试了很多方法， 最初胜利了，总结分享给大家
源码编译装置

  1. 从git仓库下载vue-devtools 代码
https://github.com/vuejs/vue-devtools.git

  1. 切换到vue-devtools 目录， 执行

    yarn install

  2. 编译

    yarn build

  3. 批改vue-devtools\packages\shell-chrome 下的manifest.json 文件

     "persistent": false    // 把false 改成true
  4. 关上chrome 浏览器的扩大程序， 点击：加载已解压的的扩大程序， 从目录中选中shell-chrome
    加载胜利后， 点devtools 的详情， 把容许拜访文件网址等选项开启

到此， 浏览器的右上角就会呈现vue 绿色logo

  1. 关上我的项目主入口文件main.js 在其中增加
    Vue.config.devtools = true

  1. 我的项目中应用vue 要应用开发版本， 不能应用压缩的生产版本， 否则vue-devtools会呈现如下的提醒

    Devtools inspection is not available because it’s in production mode or explicitly disabled by the author.
  2. 实现胜利后， 在开发者控制台模式会呈现Vue tab
  3. 具体怎么应用devtools 进步开发效率 ，不再讲师