vscode端调试javaScript代码方法[通俗易懂]

vscode端调试javaScript代码方法[通俗易懂]很少用vscode调试javaScript方法,今天学习了一下,并做个记录,好记性不如烂笔头。创建一个js文件example.js:functiontestFunction(){console.log(‘测试看看’);leta=5;letb=6;letc=a+5}testFunction();//记得一定要调用方法方法一、在vscode终端执行:node…./example.js//example…

大家好,欢迎来到IT知识分享网。

很少用vscode调试javaScript方法,今天学习了一下,并做个记录,好记性不如烂笔头。

创建一个js文件 example.js:

function testFunction(){
    console.log('测试看看');
    let a = 5;
    let b=6;
    let c= a + 5
}

testFunction();   //记得一定要调用方法

方法一、在vscode 终端执行:

node …./example.js       //example.js的绝对路径

就会看到终端输出的结果,这种方法就是直接打印出方法的结果。

vscode端调试javaScript代码方法[通俗易懂]

方法二、

配置launch.json

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: 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}/example.js"  //注意这里的写法
        }
    ]
}

执行run

就会在DEBUG CONSOLE 端看到打印的结果,这种方法可以打断点调试。

vscode端调试javaScript代码方法[通俗易懂]

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/24967.html

(0)
上一篇 2023-08-05 21:04
下一篇 2023-08-06 14:33

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信