Vue开发与调试工具vue-devtools

扩展Chrome插件

插件链接: https://pan.baidu.com/s/1GHqeDqkwekLHjRhjLG6v2g?pwd=jl5g 提取码: jl5g

Chrome浏览器 > 更多程序 > 拓展程序

点击加载已解压程序按钮, 选择 vue-devtools > shells > chrome 放入, 安装成功如下图

vue-devtools使用

vue项目, 打开f12, 选择vue就可以使用了.

vue是数据驱动的, 这样就能看到对应数据了, 方便我们进行调试

Vue开发与调试工具vue-devtools相关推荐

VSCode 搭建Vue开发环境之Vue CLI
2019独角兽企业重金招聘Python工程师标准>>> 一.简介说明 1.关于VS Code开发工具,安装和配置,更多可以参考以前文章 2.关于Vue.js,Vue是一个优秀的渐进式 ...
Vue开发项目入门——Vue脚手架
1.什么是Vue脚手架 Vue脚手架是Vue官方提供的标准化开发工具(开发平台),它提供命令行和UI界面,方便创建vue工程.配置第三方依赖.编译vue工程. 特别注意:Vue脚手架是用来方便开发的, ...
小程序用vue开发可以吗,vue直接开发小程序
一个完全的小白想学微信小程序开发,请问要学谷歌人工智能写作项目:小发猫编写微信小程序所需要的基础前端一般就是vue+element,然后起码的html5,css3,javascript等基础知识 ...
python 全栈开发，Day91(Vue实例的生命周期,组件间通信之中央事件总线bus,Vue Router,vue-cli 工具)...
昨日内容回顾 0. 组件注意事项!!!data属性必须是一个函数!1. 注册全局组件Vue.component('组件名',{template: ``})var app = new Vue({el: ...
Vue 开发必须知道的 36 个技巧
作者 | 火狼1 链接 | https://juejin.im/post/5d9d386fe51d45784d3f8637 前言 Vue 3.x 的Pre-Alpha 版本.后面应该还会有 Alpha ...
Vue开发入门(二) | 说说Vue全家桶有哪些~
全家桶,顾名思义,就是一个系列,可以组合开发成完整强大的Vue项目前言: *Vue两大核心思想:组件化和数据驱动. 组件化:把整体拆分为各个可以复用的个体数据驱动:通过数据变化直接影响bom展示, ...
Vue 开发必须知道的 36 个技巧【近1W字】
前言 Vue 3.x 的Pre-Alpha 版本.后面应该还会有 Alpha.Beta 等版本,预计至少要等到 2020 年第一季度才有可能发布 3.0 正式版; 所以应该趁还没出来加紧打好 Vue2 ...
【进阶篇】Vue Devtools——vue开发调试神器
工欲善其事,必先利其器,vue2.0进阶系列的知识更接近我们的实际开发所需,在开发过程中,有个好的调试工具是事半功倍的,Vue Devtools就是我们选择的调试工具,它是一款chrome浏览器的插件 ...
vue 基础入门：vue 的调试工具
1. 安装 vue-devtools 调试工具 vue 官方提供的 vue-devtools 调试工具,能够方便开发者对 vue 项目进行调试与开发. Chrome 浏览器在线安装 vue-devto ...
[vue] 开发过程中有使用过devtools吗？
[vue] 开发过程中有使用过devtools吗? 有,devtools确实是个好东西,大力协助vue项目开发,传参,数据展示,用于调试vue应用,这可以极大地提高我们的调试效率个人简介我是歌谣, ...

Vue开发与调试工具vue-devtools

Vue开发与调试工具vue-devtools相关推荐

最新文章

热门文章