zoukankan      html  css  js  c++  java
  • vue-devtools(vue 2.0)手动安装与使用 ? 如何处理Vue.js is detected on this page ?

    vue-devtools手动安装与使用
     
      一.在github上下载压缩包,github下载地址:https://github.com/vuejs/vue-devtools

      二.解压到本地的某盘

      三.用你的npm中进入该文件夹下

      四.依次输:
        1:cnpm install
        2:cnpm run build (这一步一定不要忘了,没有执行这一步的话,项目文件夹shells>chrome文件夹里会少一个src文件夹)

      五:修改shells>chrome文件夹下的mainifest.json 中的persistant为true
      "background": {
        "scripts": [ "build/background.js" ],
        "persistent": true
      },

    六:我们找到谷歌浏览器的扩展程序功能,勾选开发者模式,然后我们将插件文件夹里的shells>chorme文件夹直接拖到页面中,完成安装。
      
    七:chrome 打开开发模式即可
      
     
    注意:
      1.如果我们没有执行第四部的npm run build,在这里会报错:无法加载背景脚本"build/background.js
      2.Vue.js is detected on this page. 如何处理?
        官方说:Devtools inspection is not available because it's in production mode or explicitly disabled by the author.
        意思就是:引用的vue.js应该使用vue.js(开发版本)而不是vue.min.js(生成版本)。
  • 相关阅读:
    windows补丁更新列表
    centos7网卡配置vlan
    exp备份工具使用说明
    windows系统SSL/TLS漏洞修复
    CDH平台:ZooKeeper 未授权访问【原理扫描】漏洞修复
    MySQL升级至5.7.35问题处理过程
    10fb does not support flow control autoneg问题处理
    vCenter异常日志:pg_tblspc找不到数据文件
    tcpdump命令
    排序算法总结
  • 原文地址:https://www.cnblogs.com/changxue/p/8241725.html
Copyright © 2011-2022 走看看