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.启动成功后,打断点调试:

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

目录
相关文章
|
4天前
|
Web App开发 JavaScript 前端开发
使用vue快速开发一个带弹窗的Chrome插件
使用vue快速开发一个带弹窗的Chrome插件
31 0
使用vue快速开发一个带弹窗的Chrome插件
|
1月前
|
缓存 JavaScript 开发工具
【安装指南】VSCode搭建运行Vue的详细教程
【安装指南】VSCode搭建运行Vue的详细教程
68 0
|
2月前
|
Go
VsCode(Visual Studio Code) 安装插件教程
VsCode(Visual Studio Code) 安装插件教程
50 0
|
2月前
|
存储 Ubuntu
百度搜索:蓝易云【Ubuntu16.04安装VSCode教程】
注意:以上是在Ubuntu 16.04上安装VSCode的简要步骤。请确保你的系统已连接到互联网,并在终端中执行命令。
25 0
|
3月前
|
Web App开发 JavaScript
Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码
Vue 项目中使用 debugger 在 chrome 谷歌浏览器中失效以及 console.log 指向去了 vue.js 代码
179 0
|
3月前
|
JavaScript 前端开发 API
vue、vuex、vue-router初学导航配合elementui及vscode快捷键
vue、vuex、vue-router初学导航配合elementui及vscode快捷键
34 0
|
3月前
|
JavaScript
设置VSCode快捷键vue生成代码片段
设置VSCode快捷键vue生成代码片段
设置VSCode快捷键vue生成代码片段
|
3月前
|
Web App开发 移动开发 JavaScript
【Vue版】实现拖拽、排序效果(注意,这个方法在chrome谷歌浏览器上面不适用,dragend会情不自禁触发drag事件先执行,有点像浏览器的一个bug)
【Vue版】实现拖拽、排序效果(注意,这个方法在chrome谷歌浏览器上面不适用,dragend会情不自禁触发drag事件先执行,有点像浏览器的一个bug)
|
3月前
|
存储 Linux
百度搜索:蓝易云【centos 7.9离线下载安装vscode,以及插件安装下载教程。】
通过以上步骤,你可以在CentOS 7.9上进行离线安装VSCode,并在离线环境中下载和安装插件。这样,你就可以在CentOS 7.9上享受到VSCode的编辑和开发功能,并根据需要安装各种插件来扩展其功能。
39 0
|
3月前
|
NoSQL Linux 开发工具
百度搜索:蓝易云【VSCode+GDB+Qemu调试ARM64 linux内核教程。】
请注意,根据你的具体环境和需求,上述步骤可能会有所调整和修改。建议参考相关文档和资源,以获得更详细的配置和调试指南。
41 0

相关产品

  • 云迁移中心