【VScode】使用VScode内置的调试控制台来调试JS

这篇具有很好参考价值的文章主要介绍了【VScode】使用VScode内置的调试控制台来调试JS。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

背景

在 TEST 文件夹下有一个 javascript.js 文件,里面有一段 JS 代码,我想用 VScode 内置控制台打断点

vscode调试js,前端开发与运行环境,vscode,javascript,前端

做法

1、切换到【运行和调试】,首次需要添加配置,设置 launch.json 文件。

vscode调试js,前端开发与运行环境,vscode,javascript,前端

vscode调试js,前端开发与运行环境,vscode,javascript,前端

 2、launch.json 文件配置如下,注意 program 配置成 ${file},表示当前打开的文件,这样一来我们每切换到另一个要运行调试的文件时,就不用更改配置了文章来源地址https://www.toymoban.com/news/detail-525337.html

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
    

到了这里,关于【VScode】使用VScode内置的调试控制台来调试JS的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • Postman进阶篇(二)-console控制台(查看接口日志、调试代码)

    如果你觉得这篇内容对你有所帮助,有所启发,我想邀请你帮我个忙: 关注我的公众号【软件测试必备技能】,经常会分享软件测试干货。 搜索公众号名称,或点击文章底部卡片即可加我。 ———————————————————————————————— 进入postm

    2024年02月02日
    浏览(68)
  • PyCharm 调试过程中控制台 (Console) 窗口内运行命令 - 实时获取中间状态

    ​​​ [1] Yongqiang Cheng, https://yongqiang.blog.csdn.net/

    2024年02月20日
    浏览(65)
  • 实现js程序在vscode控制台输出的方法(看完方便多了)

    当我们想要写一段js代码时,我们可能会在vscode中新建一个html文件,然后再script标签下去编写js代码,完了之后我们想要看看js打印输出的效果,还会通过浏览器的 F12 去查看输出结果。好麻烦呀~ 如何解决呢? 我们可以在vscode中安装一个插件 code runner  然后在设置中找到 se

    2024年01月21日
    浏览(61)
  • VScode进行C++编程时,控制台输出代码页出现乱码的原理和解决办法

    主要解决三个问题: 1、初学C++的时候,用控制台输出,发现运行到控制台的中文文字和字符全部变成了乱码。为什么呢?这种情况应该怎么解决? 2、编辑器把我们想要输出的内容用UTF-8的方式进行编码进行传输,而控制台收到二进制数据流后用GBK的那一套方式进行解码对应

    2024年02月14日
    浏览(54)
  • 谷歌浏览器最新版本进行控制台调试js代码时候无法显示代码行数问题解决

    谷歌浏览器最新版本进行控制台调试js代码时候无法显示代码行数问题解决 最新版本谷歌浏览器进行了自动设置关闭那个功能,要自己去设置 解决方法 后面叉掉,重新进行js代码调试看看,如下: 代码行数出来,问题解决

    2024年02月12日
    浏览(63)
  • 【配置vscode编写c或c++程序,并在外部控制台输出程序和解决中文乱码问题!!!】

    https://sourceforge.net/projects/mingw-w64/files/ 下载到本地后解压到任意位置(路径不要带中文),复制bin目录路径配置系统变量 进入高级系统设置,打开环境变量,在系统变量中找到path,将复制的路径粘贴到新建变量中 然后打开命令行输入 gcc -v,如果出现很多代码则说明环境配置

    2024年02月03日
    浏览(51)
  • 【RabbitMQ】RabbitMQ控制台的使用

    如果在本机上装了RabbitMQ则在浏览器访问127.0.0.1:15672,如果在服务器装了RabbitMQ则通过在浏览器输入urlip:15762来访问 登录后进入主页   进入主页后选择Admin,对应找到添加用户选择输入信息后即可完成添加 还是在Admin界面,与添加用户类似   我们给刚创建的用户授权使用刚刚创

    2024年02月12日
    浏览(47)
  • 如何使用Python的交互控制台

    简介 Python的交互控制台(也叫做Python解释器,或是Python Shell)为程序员提供了\\\"运行指令\\\"和\\\"不创建文件测试测试代码\\\"的快速途径。 交互控制台可以调用所有的Python内置函数和任何已安装的模块、命令行历史、和自动补全。它为\\\"探索Python语言\\\"和\\\"写好代码后粘贴入文件\\\"提供了

    2024年02月02日
    浏览(68)
  • FISCO BCOS控制台配置及使用

    通过控制台链接FISCO BCOS节点,实现查询区块链状态、部署调用合约等功能,能够快速获取到所需要的信息。 一、环境准备 1.搭建FISCO BCOS联盟链节点 2.安装java 3.下载控制台 操作如下图所示 4.拷贝控制台配置文件 5.拷贝节点证书 二、启动控制台 1.启动 操作如下图所示 2.使用

    2024年02月09日
    浏览(43)
  • 使用RabbitMQ控制台查看和发送消息

    控制台发消息 点击queues -- Publish message 发送消息 Headers 设置contentType application/json Payload里填上发送内容,点击Publish message 就可以 控制台查看消息 点击queues -- Get Message(s) -- Payload里查看内容 get message只是查看消息,不会消费该条消息

    2024年02月10日
    浏览(57)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包