chrome安装vue-devtools插件

chrome安装vue-devtools插件

  • 我们开发VUE项目时,调试页面会看到这样的信息


    image.png
  • 这时候就需要我们给浏览器安装vue-devtools插件,以便于在chrome中调试

  1. 打开这个网址 : https://github.com/vuejs/vue-devtools
  2. 找到下面的显示 页面


    image.png

3.按照步骤一步一步进行下载安装


image.png

4.在扩展程序中点击加载已解压的扩展程序,选择刚才下载的安装包,找到chrome点击确定就可以了


image.png

image.png

5.切换到页面调试,出现以下就代表安装成功。


image.png

6.vue-devtools的配置
image.png
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • chrome扩展开发入门教程 最近在开发chrome插件,看到一篇非常适合入门的教程,特记录一下 注:转载 本文首...
    谢大见阅读 6,442评论 1 25
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,866评论 25 708
  • 一、进化论揭示的生物感官限制: “进化”这个词会给人一种“向前进”的感觉,其实这样翻译并不算完全准确,因为进化的终...
    土豆的学习成长日记阅读 625评论 0 1
  • 一阵风吹过,稻田里就泛起一阵金黄色的麦浪. 我们来到一个田间的小道上,我树上有葡萄,我还看见上面的葡萄水...
    音为阅读 526评论 0 1
  • hi,我的老朋友,你知道吗,我今夜忽然突然无比的想念你,不知怎的,就是那种很想很想的,想起年少时那抹傍晚时分从窗户...
    南方八点阅读 307评论 0 0