Vue系列教程(04)- VsCode断点调试(Debugger for Chrome)

简介: Vue系列教程(04)- VsCode断点调试(Debugger for Chrome)

1. 引言

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

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

2. 断点调试

1.首先下载Debugger for Chrome,按下图依次操作

2.创建launch.js,按下图依次点击操作:

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

3.在package.json启动项目:

4.启动成功后,打断点调试:

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

目录
相关文章
|
3月前
|
Web App开发 JavaScript 前端开发
使用vue快速开发一个带弹窗的Chrome插件
使用vue快速开发一个带弹窗的Chrome插件
69 0
使用vue快速开发一个带弹窗的Chrome插件
|
4月前
|
存储 JavaScript 前端开发
Vue3 详细教程及实例(完整版)
Vue3 详细教程及实例(完整版)
92 0
|
3月前
|
缓存 JavaScript 开发工具
【安装指南】VSCode搭建运行Vue的详细教程
【安装指南】VSCode搭建运行Vue的详细教程
601 0
|
14天前
Vue3系列教程之插槽slot详解
Vue3系列教程之插槽slot详解
10 0
|
23天前
|
编译器 开发工具 C语言
vscode安装+配置+使用+调试【保姆级教程】
vscode安装+配置+使用+调试【保姆级教程】
83 4
|
2月前
|
缓存 JavaScript 前端开发
Vue3——Router4教程(小满版本)(二)
Vue3——Router4教程(小满版本)
59 0
|
2月前
|
JavaScript API
Vue3新的状态管理库-Pinia(保姆级别教程)
Vue3新的状态管理库-Pinia(保姆级别教程)
36 0
|
4月前
|
Go
VsCode(Visual Studio Code) 安装插件教程
VsCode(Visual Studio Code) 安装插件教程
93 0
|
4月前
|
存储 Ubuntu
百度搜索:蓝易云【Ubuntu16.04安装VSCode教程】
注意:以上是在Ubuntu 16.04上安装VSCode的简要步骤。请确保你的系统已连接到互联网,并在终端中执行命令。
42 0
|
JavaScript 前端开发
第三篇: VSCode关于VUE的插件配置
好吧,万物都逃不过真香定理,几周后又把VUE捡起来了,主要是最近的这个小项目前端也是想用到这个VUE。 首先的话,关于vscode的话可以理解为宇宙第一IDE visual studio的小老弟,主要是轻量级,支持广,插件多。
5623 0