chrome有很多有用的插件，对于前端开发人员来说，Vue.js是一款优秀的前端框架，大大提高了开发人员的开发效率。我们都知道“工欲善其事，必先利其器”。因此在chrome上安装vue-devtools插件，能大大方便我们的开发过程。
下面说一下最简便的vue-devtools插件安装过程。
1.打开chrome网上应用商店，输入vue-devtools，搜索扩展程序。
2.将其添加到扩展程序。
3.打开chome扩展程序：更多工具>扩展程序。并将其设置为开发者模式。
image.png
当你打开一个用Vue编写的项目时，插件会识别到，浏览器右上角的灰色的标识也会变为绿色。按下F12会发现多了一个Vue标签。可以查看相关数据。
image.png
下载安装包配置的方法后面补充。
个人前端学习笔记均为原创。
首发CSDN：Freya_yyy的博客。欢迎交流和指导。
我是木风，愿你遇见美好！
chrome有很多有用的插件，对于前端开发人员来说，Vue.js是一款优秀的前端框架，大大提高了开发人员的开发效率...
下载vue-devtools 下载chrome插件vue-devtools代码，下载地址https://githu...
chrome调试插件vue-devtools安装步骤： 1.npm install vue-devtools 2....
一种，下载资源，自己执行命令制作插件包 1.下载Vue-Devtools资源vue-devtools[https:...
1）下载devtools 插件源码https://github.com/vuejs/vue-devtools 2）...
1 下载chrome插件vue-devtools代码，下载地址:GitHub - vuejs/devtools a...
步骤一：新建目录vue-devtools插件，用于存放下载的插件。 步骤二：打开终端，进入步骤一的目录 步骤三：将...
chrome浏览器下安装了vue-devtools插件,但是插件无法使用 解决办法(mac) 第一种 打开Find...
1.关于浏览器Chrome版插件https://github.com/vuejs/vue-devtools[htt...
前言 vue-devtools 是一款 chrome 插件，用于 vue 的调试工作 安装 chrome 商店(需...
本文标题：实用的vue-devtools插件
本文链接：https://www.haomeiwen.com/subject/qaofgftx.html
网友评论