Vue系列教程（04）- VsCode断点调试（Debugger for Chrome）

1. 引言在前面的章节，已经讲解了Vue的环境搭建以及VsCode的安装使用，有兴趣的同学可以参阅下：《Java程序员从零开始学Vue（01）- Vue环境搭建、项目创建及运行》《Java程序员从零开始学Vue（02）- Vue开发利器VsCode》本文主要讲解Vue项目在VsCode下的断点调试。2. 断点调试1.首先下载Debugger for Chrome，按下图依次操作2.创建launch

杨林伟

3448人浏览 · 2021-06-15 18:04:33

杨林伟 · 2021-06-15 18:04:33 发布

1. 引言

在前面的章节，已经讲解了Vue的环境搭建以及VsCode的安装使用，有兴趣的同学可以参阅下：

本文主要讲解Vue项目在VsCode下的断点调试。

2. 断点调试

1.首先下载Debugger for Chrome，按下图依次操作
在这里插入图片描述
2.创建launch.js，按下图依次点击操作：

在项目，可以看到生成launch.js文件，其内容如下：

3.在package.json启动项目：

4.启动成功后，打断点调试：

其它的细节大家实战中学习，本文到此结束！

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