vscode调试当前文件如何进行配置

在vscode中调试JavaScript，首先需要安装node.js
在文件中新建一个需要调试的app.js文件

解决方法一：配置文件方法

点击出配置文件
依次点击上图中的选项按钮之后会出现一个配置文件launch.json，将其中的"program": "${workspaceFolder}\\app.js",修改为"program": "${file}",

{
    // 使用 IntelliSense 了解相关属性。 
    // 悬停以查看现有属性的描述。
    // 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-node",
            "request": "launch",
            "name": "Launch Program",
            "skipFiles": [
                "<node_internals>/**"
            ],
            // "program": "${workspaceFolder}\\app.js",
            "program": "${file}",
            "outFiles": [
                "${workspaceFolder}/**/*.js"
            ]
        }
    ]
}

保存退出。
调试方法

• 点击F5

• 点击调试按钮

  
  image.png

解决方法二：安装插件Code Runer

在第三方插件中搜索Code Runer，如下图

搜索第三方插件Code Runer

点击安装即可，该插件支持调试C, C++, Java, JavaScript, Python, Go, TypeScript等编程语言。

支持的编程语言
使用方法：在需要调试的文件中点击右键在出现的选项框中点击run code即可。
使用方法

方法比较：方法一调试时编辑完文本之后不保存进行调试时会自动保存文件，方法二则需要在编辑文本完成之后保存在能调试