vscode端调试javaScript代码方法

很少用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的绝对路径

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

方法二、

配置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 端看到打印的结果,这种方法可以打断点调试。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值