Visual Studio Code介绍——调试Web项目

简介

Visual Studio Code 是Microsoft在2015年4月30日发布的一个运行于 Mac OS X、Windows和 Linux 之上的,针对于编写现代 Web 和云应用的跨平台源代码编辑器。由于其丰富的插件和优质的性能,广受开发者喜爱。

调试

在调试Web项目时,我常常要查看调试数据,VS Code 提供比较方便的插件 Debugger for Chrome,如图:

安装可按下图中步骤点击生成launch.json 配置:

修改launch.json 配置,点击启动按钮进行调试:

这样既能在调试窗口直接看到调试接口和要输出的数据,点击每一行左侧可以快速添加断点。

 

 

 

 

  • 1
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
Visual Studio Code 是一个轻量级的代码编辑器,可以通过安装相关插件来支持运行和调试各种编程语言。 对于运行代码,可以使用以下方法之一: 1. 使用内置的终端:按下 Ctrl + `(或者点击“查看”菜单中的“终端”选项),在终端中输入并运行代码。 2. 使用相关插件:根据你所使用的编程语言,安装相应的插件(如 Python 插件、Java 插件等),插件会提供运行代码的功能。 对于调试代码,可以按照以下步骤进行: 1. 在代码中设置断点:在你希望程序暂停执行的地方,点击行号区域,设置断点。 2. 打开调试视图:点击左侧的调试图标(或者按下 Ctrl + Shift + D)打开调试视图。 3. 配置调试环境:在调试视图中,点击齿轮图标(或者选择“创建/编辑调试配置”),选择你要调试的编程语言,并配置相关参数。 4. 启动调试器:点击调试视图左上角的绿色按钮(或者按下 F5)启动调试器。 5. 执行代码并触发断点:运行代码,当程序执行到设置的断点处时,会暂停执行,并在调试视图中显示当前代码状态。 6. 调试操作:在调试视图中,可以使用各种调试操作,如单步执行、查看变量值等。 需要注意的是,具体的运行和调试方法可能因编程语言和插件的不同而有所差异。你可以根据你所使用的语言和相关插件的文档进行具体操作。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

V-BOX

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值