在Chrome 安装 Vue Devtools工具

1）首先在github下载devtools源码，地址：https://github.com/vuejs/vue-devtools。2）下载好后进入vue-devtools-dev工程执行cnpm install, 下载依赖，然后执行npm run build，编译源程序3）编译完成之后目录如下：4）修改shells、chrome目录下的mainifest.json 中的persist...

屋納那乸噬

1890人浏览 · 2018-10-09 16:21:28

屋納那乸噬 · 2018-10-09 16:21:28 发布

1）首先在github下载devtools源码，地址：https://github.com/vuejs/vue-devtools。

在这里插入图片描述
2）下载好后进入vue-devtools-dev工程执行cnpm install, 下载依赖，然后执行npm run build，编译源程序

3）编译完成之后目录如下：
4）修改shells、chrome目录下的mainifest.json 中的persistant为true：

5）打开谷歌浏览器的设置 —> 更多工具—> 扩展程序，并勾选开发者模式，完成之后又vue图标
在这里插入图片描述
6）打开一个已有的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}$/, //不连续的两位字母// /^