在webstorm上调试vue代码

1、进入调试配置2、新建JavaScript调试配置，并设置要访问的url地址（示例： http://localhost:8081），保存如下图所示:3、在Terminal内启动项目：npm run dev4、再启动debug，会启动谷歌浏览器。（如果浏览器页面没有正常显示网页手动补全url就好）5、开始调试，在要测试代码的前面点出红点，当程序运行到该行就可以拦截。6、EN...

varz

5969人浏览 · 2020-04-03 17:47:57

varz · 2020-04-03 17:47:57 发布

1、进入调试配置

在这里插入图片描述

2、新建JavaScript调试配置，并设置要访问的url地址（示例： http://localhost:8081），保存如下图所示:
在这里插入图片描述
3、在Terminal内启动项目：npm run dev

4、再启动debug，会启动谷歌浏览器。（如果浏览器页面没有正常显示网页手动补全url就好）

在这里插入图片描述
5、开始调试，在要测试代码的前面点出红点，当程序运行到该行就可以拦截。

6、END
参考：https://www.cnblogs.com/diyunfei/p/11376272.html

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