vue开发调试神器vue-devtools使用详解
更新时间：2017年07月13日 09:18:29 作者：new Object()
这篇文章主要为大家详细介绍了vue开发调试神器vue-devtools的使用方法，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
前言：
由于vue是数据驱动的，所以这就存在在开发调试中查看DOM结构并不能解析出什么。
但是借助vue-devtools插件，我们就可以很容易的对数据结构进行解析和调试。
一、下载chrome扩展插件
GitHub下载地址：
https://github.com/vuejs/vue-devtools
建议使用npm淘宝镜像按照依赖包
地址：http://npm.taobao.org/
命令行安装npm淘宝镜像：
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
之后我们就可以使用cnpm代替npm按照依赖包了，npm安装依赖包确实太慢了.....
二、cnpm install
下载完成后打开命令行cmd进入vue-devtools文件夹，按照依赖包并npm run build
三、打开shells>chrome>src>manifest.json并把json文件里的"persistent":false改成true
四、扩展chrome插件
1.打开chrome浏览器，打开设置>点击或者程序>点击开发者模式
2.再点击加载已解压的扩展程序，然后把shell>chrome文件夹放入
最后
打开个vue写的项目，f12打开调试工具即可进行vue项目的调试。
本文已被整理到了《Vue.js前端组件学习教程》，欢迎大家学习阅读。
关于vue.js组件的教程，请大家点击专题vue.js组件学习教程进行学习。
更多vue学习教程请阅读专题《vue实战教程》
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了vue获取后台json字符串方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-04-04
这篇文章主要介绍了vue-cli3脚手架安装方法，本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下2023-04-04
这篇文章主要介绍了Vue对象赋值视图不更新问题及解决方法，本文给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下2019-06-06
这篇文章主要介绍了vue-路由精讲 二级路由和三级路由的作用，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-08-08
这篇文章主要介绍了Vue2.x 的双向绑定原理，Vue 是利用的 Object.defineProperty() 方法进行的数据劫持，利用 set、get 来检测数据的读写。需要的朋友可以参考下面文章的具体内容2021-09-09
这篇文章主要介绍了vue3中如何使用dayjs问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
这篇文章主要介绍了vue动态添加表单validateField验证功能实现,本文通过实例代码给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2023-04-04
随着vue3.4版本的发布,defineModel也正式转正了,它可以简化父子组件之间的双向绑定,是目前官方推荐的双向绑定实现方式,下面就跟随小编一起深入了解一下defineModel的使用吧2024-02-02
本文主要介绍了vue监听滚动事件实现滚动监听的相关资料。具有很好的参考价值。下面跟着小编一起来看下吧2017-04-04
下面小编就为大家带来一篇浅谈sass在vue注意的地方。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2017-08-08
最新评论