VUE系列——Chrome安装Vue调试插件

前言Vue是一个很好用的前端，但是在浏览器上面不能直接打断点调试程序。下面介绍通过安装调试插件对程序进行调试按F12之后，出现一个Vue选项，效果如下：安装过程step1 下载插件并解压链接：点我进入提取码：2tcjstep2进入到Chrome扩展程序页面点击开发者模式chrome://extensions/step3点击加载已解压的扩展程序...

前方一片光明

25214人浏览 · 2019-04-25 20:05:05

前方一片光明 · 2019-04-25 20:05:05 发布

前言

Vue是一个很好用的前端，但是在浏览器上面不能直接打断点调试程序。

下面介绍通过安装调试插件对程序进行调试

按F12之后，出现一个Vue选项，效果如下：

安装过程

step1 下载插件并解压

链接：点我进入
提取码：2tcj

step2 进入到Chrome扩展程序页面点击开发者模式

chrome://extensions/

step3 点击加载已解压的扩展程序

step4 选择解压后的文件夹

结果

出现下面的效果就已经安装好了：

更多精彩内容请关注：程序员高手之路

回复“vue项目”，免费获取以下项目视频教程

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^