专栏首页sofu456vscode开发调试js、python

vscode开发调试js、python

1.调试js

安装Debuger for chrome插件,点击F5,选择chrome,vscode自动生成lauch.json如下,

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "启动 Chrome 并打开 localhost",
            "url": "${file}",//修改这里,每次调试当前文件
            "webRoot": "${workspaceFolder}"
        }
    ]
}"${file}",//修改这里,每次调试当前文件
            "webRoot": "${workspaceFolder}"
        }
    ]
}

chrome attach调试,chrome端使用--remote-debugging-port=9222方式启动,然后配置lauch.json的request为attach

js动态加载的文件,vscode断点无效(未验证的断点----可以用debuger下断点):

在要被调用的文件开始处,加//@ sourceURL=ParcelProcessWaitForArchivedListPage.js,加上注释后打开chrome调试,vscode可以捕获chrome断点,断点需要设置到chrome里面,vscode调试。如果//@ sourceURL=文件的本地绝对路径,就可以在vscode上直接调试了,而且断点有效。提示://@ sourceURL中间要有空格

参考:https://blog.csdn.net/ebay/article/details/45894543

2.配置setting.json调试python

设置pythonpath和pylintpath路径,如果要使用anaconda,配置python目录为的env目录下的python.exe即可

3.lauch.json预定义变量

${workspaceRoot} - the path of the folder opened in VS Code
${workspaceRootFolderName} - the name of the folder opened in VS Code without any slashes (/)
${file} - the current opened file
${relativeFile} - the current opened file relative to workspaceRoot
${fileBasename} - the current opened file's basename
${fileBasenameNoExtension} - the current opened file's basename with no file extension
${fileDirname} - the current opened file's dirname
${fileExtname} - the current opened file's extension
${cwd} - the task runner's current working directory on startup
${lineNumber} - the current selected line number in the active file

lauch文件中的可配置多个调试json项,key值“”中自动提示,配置完后在vscode的调试选项中可以看到多项调试选项

4.task.json配置编译过程

task定义的命令可以被lauch.json调用,ctrl+shift+b运行任务

5.vscode调试器扩展

参考:https://code.visualstudio.com/docs/extensions/example-debuggers

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • IOC控制反转

    直接引用dotnet的Managed Extensibility Framework

    sofu456
  • Qt Creator OPenGL实例

    sofu456
  • 帧头

    版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

    sofu456
  • 玩转前端图片上传

    本文讲的图片上传,主要是针对上传头像的。大家都知道,上传头像一般都会分成以下 4 个步骤:

    JowayYoung
  • k8s实践(一):Centos7.6部署k8s(v1.14.2)集群

    Kubernetes这个名字源自希腊语,意思是“舵手”,也是“管理者”,“治理者”等词的源头。k8s是Kubernetes的简称(用数字『8』替代中间的8个字母...

    loong576
  • IntelliJ IDEA 环境搭建及用 IDEA 搭建基于 Maven 的 Scala 开发环境

    (1)解压IDEA安装包 softwares]$ tar -zxf ideaIC-2018.3.3.tar.gz -C /opt/tools $ cd /o...

    魏晓蕾
  • 1.2 折线图与柱形图

    在可视化的选项里面有很多图表类型可供选择,常用的有折线图、柱形图、折线与柱形组合、气泡图、地图、树状图、瀑布图、饼图、仪表等等,我想在开始学习做图之前提醒读者的...

    公众号PowerBI大师
  • Python socket.help M

    py3study
  • 主从复制延迟排查

    目前生产环境中主从延迟常见于 RO 实例及备库中,由于历史原因目前部分用户的备库开启了只读服务,后续这块我们会逐步推荐客户使用 RO 实例。

    李明
  • 爬虫养成记--顺藤摸瓜回首掏(女生定制篇)

    在上篇教程爬虫养成记——先跨进这个精彩的世界(女生定制篇)[3]中我们已经可以将所有小哥哥的封面照片抓取下来,但仅仅是封面图片在质量和数量上怎么能满足小仙女们的...

    一只图雀

扫码关注云+社区

领取腾讯云代金券