18，我轻轻的尝一口这香浓的诱惑，谈谈我搞vue实现年入35万过程第十八步,vue-devtools调试工具

2021【前端VUE框架】第18节，我轻轻的尝一口这香浓的诱惑，谈谈我搞vue实现年入35万过程,vue-devtools学习目标：提示：2021【前端VUE框架】最新/最全/最细实战课程，VUE56节进阶学习重磅来袭：3个月掌握 vue 入门知识到实战学代码。学习内容：提示：本节第18节内容：vue-devtools调试工具学习本节视频需要掌握的知识点：1.HTML2...

贪吃蛇学院

5807人浏览 · 2020-11-05 13:12:28

贪吃蛇学院 · 2020-11-05 13:12:28 发布

2021【前端VUE框架】第18节，我轻轻的尝一口这香浓的诱惑，谈谈我搞vue实现年入35万过程,vue-devtools

学习目标：

提示：2021【前端VUE框架】最新/最全/最细实战课程，VUE56节进阶学习
重磅来袭：3个月掌握 vue 入门知识到实战学代码。

学习内容：

提示：本节第18节内容：vue-devtools调试工具
学习本节视频需要掌握的知识点：
1.HTML
2.CSS
3.JavaScript
那么关于上面三个知识点，视频学习地方在：html5+css3+js+jquery课程

学习时间：

提示：2020现在-2021.1月
一。无基础的同学，有充足的事件可以一天学习两节内容，要多写代码，一个案例和知识点最少要敲代码3到4遍：
二。有基础的同学可以自由安排事件哈：
1、周一至周五晚上 7 点—晚上9点
2、周六上午 9 点-上午 11 点
3、周日下午 3 点-下午 6 点

介绍

vue-devtools 是专门调试vue项目的调试工具，安装成功之后，右边会出现一个vue，就可以在线可以调试vue了，非常便捷。

安装

由于政策原因，谷歌的插件不能直接安装了已经，需要翻墙，也可以本地下载然后安装。

1、通过github下载：https://github.com/vuejs/vue-devtools （命令： git clone https://github.com/vuejs/vue-devtools）

2、通过cnpm install 安装依赖

3、通过npm run build 打包

4、谷歌浏览器直接输入chrome://extensions/ 进入插件界面

安装成功之后就可以看到列表里出现了这个插件了，

更多视频学习资料，扫下面的吗，关注我，我们一起进阶。

在这里插入图片描述

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}$/, //不连续的两位字母// /^