文档建议反馈控制台
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
发布

分享 10 多条超有用的 VsCode 各场景高级调试技巧

VsCode中快速调试一个Node项目为例，演示断点的基本使用。...创建一个基本的node项目为Nodejs 打开左侧调试面板，选择你要调试的node项目名称，添加调试配置 image.png 选择调试的项目类型为Node.js image.png 打开生成的.vscode...日志断点对于调试无法暂停或停止的服务时特别有用。...补充知识点：调试服务器时打开一个URI 开发 Web 程序通常需要在 Web 浏览器中打开特定 URL，以便在调试器中访问服务器代码。...按F5启动调试即可 注意：此方式的主要点在于launch.json配置文件中，通过preLaunchTask字段指定调试前先运行一个任务脚本，preLaunchTask的值对应tasks.json文件中的

2.2K40
    • 您找到你想要的搜索结果了吗？
    是的
    没有找到

    VSCode高效开发工作流配置指南

    2.1 最基础的LayaAir工作流（面向VSCode新手） 关于创建项目、打开项目（管理项目）、编译项目（F8）、运行调试项目（F6）、发布项目等都可以在LayaAirIDE中完成。...如果开发者想在代码编辑器中断点调试，则需要在VSCode中配置好调试环境。...此时，先到LayaAirIDE里按快捷键F8编译一下，然后回到VSCode再按快捷键F5，即可启动VSCode中的断点调试，以及调起Chrome，显示运行效果。...在VSCode中打开launch.json，鼠标悬停到launch.json的属性名称上，可以查看当前属性描述。...四、VSCode中调LayaAir命令行工具 在第三小节中，仅仅是实现了在VSCode中的断点调试，编译与发布还是要切到LayaAirIDE中进行。

    2.5K30

    【调试】258- 前端调试各种收集-断点篇

    断点 调试的第一步就是打断点。断点的目的是，代码运行时在你想要开始调试的地方停下来。这个时候就可以查看当前上下文信息，比如全局变量、局部变量的值，函数的输入是否正确，请求的返回值是否正常等。...以谷歌浏览器（版本为69）为例，编辑器为VSCode（版本1.26.1） 断点方式一 这种方式是比较常用的方式，在浏览器开发工具找到对应源码，在script脚本节点里面的代码行断点。 ?...只要找到源码，在脚本代码显示区域左边的数字上添加断点即可，之后只要代码运行到断点处，开发工具就会进入调试状态。 注意：有的数字行是灰色的，就是不可断点。...注意：如果没有命中断点并且你的断点不是红点，需要一个骚操作才能在VSCode断点调试：在打开的谷歌浏览器的开发工具源码断点调试一次（或者加关键字debugger触发调试,参考上面方式一），运行到断点处VSCode...如果用谷歌浏览器的开发工具做调试器，可以尝试插件nim，启动node或自动打开标签页。

    2.7K30

    visual studio code 调试php方法（图文详解）

    简介 php是动态语言没有调试器的话排错起来很是麻烦。vscode可以说是程序员的福音，启动速度快，插件越来越多，跨平台。...现在说一下vscode上调试php文件 所需文件 xampp 集成服务器 vscode Xdebug php-debug 插件 1: 在vscod/【技术点，其实还需要更多地实践】/e中按 F1, 输入...": "C:\xampp\php\php.exe" 5：在vscode中的php文件打一断点，点Listen for XDebug 项目的运行，配置不用更改，默认就可以 6：运行后跳出这些按键 7：直接在浏览器中打开要调试的...php（不是文件路径而是服务器的地址）,vscode就会命中到打断点的地方 注意事项 php最大执行时间好像是30秒，超过30秒会自动终止，因此调试的时候要修改一下时间，在php.ini 文件中修改最大运行时间为...5分钟 max_execution_time=3000 拓展 hbuilder和vscode 配置xdebug时候是一样的，在浏览器打开文件hbuilder会自动命中断点

    4.4K20

    把 puppeteer 融入调试流程，调试体验爽翻了！

    我试了一下还真可以，用 puppeteer 来自动执行脚本，并且过程中还可以打断点调试，调试体验简直不要太爽。 这篇文章就来分享下。...然后点击 debug 启动： 执行到代码中的断点就会在 vscode 里断住： 这样就可以在 vscode 里断点调试 react 项目了。...然后跑下 puppeteer 脚本，把 chrome 跑起来： 之后，去 react 项目里启动调试，只不过这次是 attach： 依然是能正常断点调试的： 而且现在还可以跑自动化脚本了！...我指定了输入 baidu 的时候打开 baidu，输入 login 的时候打开 localhost:8000，然后执行登录脚本。...总结 我们会用 VSCode Debugger 断点调试网页，会用 puppeteer 写自动化测试的脚本来测试某条流程。

    1.3K20

    unity3d：vscode+luaide断点调试xlua

    如果你没有生成过调试配置 那么先生成 4.选择xlua调试 5.在vscode中找到LuaTestScript.lua.txt，下个断点，然后启动调试 6.unity 中打开02..._U3DScripting文件夹下场景运行，可以看到vscode中命中断点 调试自己的xLua工程 1.把LuaDebug.lua.txt放入到工程的Resources目录下 2.将assets...文件夹拖入到vscode 说明：因为是.lua.txt文件，所以在vscode如果没出现代码高亮，或者不能下断点情况，新增vscode的工作区设置 { "files.associations...告诉lua 这样才能在调试时获取到调试内容的路径 4.vscode中LuaTestScript.lua.txt 头部新增 local breakSocketHandle,debugXpCall =...require("LuaDebug")("localhost",7003) 这样运行时，此lua脚本就会去unity工程中Resources文件中查找第一步的LuaDebug.lua.txt，启动本地调试

    1.2K10

    使用VSCode远程调试恶意Powershell脚本

    本机VSCode环境搭建 远程调试，需要安装Powershell插件，打开VSCode，直接在商店搜索直接安装即可。 ?...然后将待调试的脚本放入虚拟机中，输入：psedit [虚拟机中的脚本路径]，加载目标脚本。 ?...远程调试分析 在关键代码处下断点，按下F5调试便可以运行到断点处，右侧则是变量的值，通过调试我们可以得知该段代码的作用是从http://miranda.tattooforsure.com:8888/admin...将第二阶段的payload保存为payload2.ps1并打开，原来就是个函数定义，函数名为U5BS3，然后在payload.ps1中进行调用。 ?...而VSCode作为微软开发的脚本IDE，对Powershell远程调试的功能是很完善的，大家可以通过VSCode远程调试功能，提升解混淆分析恶意Powershell脚本的效率。

    4.3K10

    2022年了，该学会用VSCode debug了

    如果想要调试其他的语言和运行时，包括但不限于PHP、Ruby、Go、C#等等，可以在扩展商店中寻找相关的Debugger扩展并且安装它，这里我们就不过多的叙述了。...接下来我们点击左侧菜单中的运行与调试图标（图标是一个虫子+开始，顾名思义debug&run），这里就是初始化的面板；然后我们在代码中需要打断点的地方加上断点： 直接点击运行和调试： 程序跑起来了，...这里的命令基本和面板中的一致： 想不起快捷键的时候也可以在这里看看~ 启动配置 上面的例子中我们选择了“运行和调试”，VS Code直接使用了内置的Node.js调试配置启动了调试步骤。...VS Code把调试配置信息保存在.vscode目录下的launch.json文件中（.vscode目录一般存在于项目的根目录下）。...最简单的方式来理解这两种工作流： launch配置可以理解为VS Code启动调试程序的说明书； attach配置则是如何将VS Code的调试器连接到已运行的应用程序或进程的方法； VS Code的调试支持用调试模式启动一个程序

    1.1K20

    使用vscode调试你的node应用

    快速对当前文件进行 debug 要对当前打开的文件进行 debug 在 vscode 是非常简单的事, 只需要按快捷F5或在编辑器左侧 debug 面板按下启动的按钮, 然后选择 debug 类型即可....启动之后就可以对当前文件进行调试, 调试界面有几个模块的内容, 可以看到断点, 调用堆栈, 脚本载入情况, 调试控制台等....[添加配置] 之后 vscode 会在打开项目路径中帮我们新增.vscode/launch.json文件, 文件中已经补充了最基础的配置. { // 使用 IntelliSense 了解相关属性。...分别代表 vscode 目前支持的两种调试模式, 分别对应两种工作流....回到我们最熟悉的 debug 工具 - chrome devtools, 如果是我们日常对网页进行调试这样的工作流, 对应回 vscode 的调试模式, 就是attach模式.

    2.8K30

    vscode插件开发入门

    engines.vscode表示使用该插件需要的vscode的最低版本，脚手架生成后默认是最新版本（如果你vscode编辑器不符合该版本则无法进行调试），按照自身需求修改vscode版本和对应的依赖中types...运行插件后会打开一个拥有该插件的开发环境的vscode编辑器，可以在该开发环境中进行使用当前开发的插件功能。并且可以通过vscode的断点功能进行断点调试。...，所以在resolveWebviewView方法中，需要设置webview.options.enableScripts开启加载js脚本的能力，否则无法执行脚本文件。...vscode对数据持久化的方式有： ExtensionContext.workspaceState：工作空间存储，通过编写键/值对存储，并在再次打开同一个工作区时将其恢复。...onLanguage:javascript” onCommand 在调用命令时被激活 onDebug 在启动调试的时候激活 workspaceContains 每当打开文件夹并且该文件夹包含至少一个与glob

    6.3K20

    OpenRestyNginx Lua服务远程调试方法

    接下来需要对VSCode的debuggee进行配置，在对应的工作区的launch属性中直接配置即可。在实际工作中，我们可以针对不同的调试模式使用不同的debuggee配置。...，F5启动，然后选定Openresty程序的masrer进程或者worker进程的PID（可用PID列表由VSCode内置的${command:pickProcess}命令提供），即可开始调试工作： ?...，F5启动，即可开始调试工作： ?...launch模式结束后的清理工作 由于我们在Openresty（ngx）的配置中开启了reuseport选项，这样是可以在当前工作目录下启动多个Openresty程序的，但是这个是我们需要极力避免的情况...，所以在我们Openresty程序的启动脚本中会判断nginx.pid文件是否存在，以限制在当前工作目录下只能启动一个Openresty程序。

    5.9K20

    Node.js 项目调试指南

    debugger; 语句) 重新启动脚本 .exit 退出调试器 这听起来确实有点笨拙，不过在没有其他选择或者你想自虐的话，可以尝试使用下内置的调试客户端。...现在可以从左侧窗格或按 Ctrl| 打开你应用程序的任何脚本，Cmd+P 并输入文件名。...打开你的启动脚本（通常是 index.js），激活 Run and Debug 看板，单击运行和调试 Node.js 按钮，然后选择 Node.js 环境，单击任意行来激活断点。...如果你正在运行一个 Web 应用，可以在浏览器中打开它，VS Code 会在遇到断点或 debugger 语句时停止执行： VS Code 调试类似于带有 Variables、Watch、Call stack...VS Code 高级调试配置 如果你想在另一台设备、虚拟机上调试代码，或者需要使用其他启动选项（例如 nodemon） 编辑器将启动配置存储在项目隐藏文件夹内的 launch.json 文件中。

    1.7K20

    VS Code 折腾记 - (7) 内置Debug功能深入【调教angular-cli 最新版】

    前言 很多小伙伴说用了打包工具(Webpack)之后，断点调试相当痛苦； 常规的方式无非是debugger,console.log()大法； 但是，vscode这货天生支持debug功能，不用白不用，今天我就说说怎么调教...记得ng serve要先行启动,调试是调试，不包括引导angular-cli的启动; 配置文件很简单： { "version": "0.2.0", "configurations": [{...Debug Angular-cli type：调试的类型，vscode天生支持node,比如go,php,chrome这些就依赖插件啦 request : 配置文件的请求类型，有launch和attach...sourceMaps:默认是启用的，对于打包的调试，小伙伴们必须开启 userDataDir：临时目录,专门保存调试过程产生的东西 ---- 启动调试 正确的情况下就会弹窗一个新的chrome页面，...打开相应的页面，执行到响应的代码块就会触发debug了。。然后vscode就可以看到你想瞅瞅的数据了。。调试过程（单步什么的）,对应的本地文件会显示数据变动在你的 ?

    1.3K20

    Visual Studio Code调试PHP

    因为个人比较喜欢Visual Studio Code这款编辑器，所以学习我主要记录一下使用VSCode学习PHP的遇到的一些问题。其中最主要的就是怎样使用VSCode调试PHP代码。...PHP Debug 在VSCode中搜索插件PHP Debug，将这个插件安装到VSCode中。从这个插件的文档中，可以发现Installation，也就是说安装的说明。...> 在test.php中创建如上内容，然后在浏览器中打开，会看到类似如下信息： phpinfo 然后将页面ctrl+a全部拷贝，粘贴到XDebug installation wizard这个页面中。...如下： 设置xdebug launch.json中，配置了需要监听的xdebug的端口9000，直接使用默认的就好。 最后，只需要在代码中设置断点，然后刷新浏览器就能看见vscode进入断点了。...所以如果有时无法访问到页面时，将值修改为true即可。 ---- 以上就是我配置VSCode的PHP调试时候遇到的一些问题。

    3.7K10
    点击加载更多

    相关资讯

    热门标签

    更多标签

    活动推荐

      运营活动

      活动名称
      广告关闭

      腾讯云开发者

      扫码关注腾讯云开发者

      扫码关注腾讯云开发者

      领取腾讯云代金券

      热门产品

      热门推荐

      更多推荐

      Copyright © 2013 - 2025 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有

      深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 深公网安备号 44030502008569

      腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号 | 京公网安备号11010802020287

      领券