vscode调试js的示例

小编给大家分享一下vscode调试js的示例,希望大家阅读完这篇文章后大所收获,下面让我们一起去探讨吧!

站在用户的角度思考问题,与客户深入沟通,找到洛川网站设计与洛川网站推广的解决方案,凭借多年的经验,让设计与互联网技术结合,创造个性化、用户体验好的作品,建站类型包括:成都网站设计、成都网站制作、外贸网站建设、企业官网、英文网站、手机端网站、网站推广、主机域名、虚拟空间、企业邮箱。业务覆盖洛川地区。

vscode如何调试js?

在调试JavaScript代码时,有两种比较简单的方法。

1.使用Chrome等浏览器调试

2.在vscode配置JavaScript运行环境

配置步骤:

1.下载并安装Node.js(Node.js是JavaScript的一个运行环境)

这个在Node.js官网或者中文网都可以找到

2.配置vscode

点击vscode中“调试”按钮,打开launch.json文件(或者使用Ctrl+Shift+P输入launch.json)

在里面添加

"version": "0.2.0",
    "configurations": [{
            "name": "Launch",
            "type": "node",
            "request": "launch",
            "program": "${workspaceRoot}/1.js",
            "stopOnEntry": false,
            "args": [],
            "cwd": "${workspaceRoot}",
            "runtimeExecutable": null,
            "runtimeArgs": ["--nolazy"],
            "env": { "NODE_ENV": "development" },
            "externalConsole": false,
            "preLaunchTask": "",
            "sourceMaps": false,
            "outDir": null
        },
        {
            "name": "Attach",
            "type": "node",
            "request": "attach",
            "port": 5858
        }
    ]

注意:${workspaceRoot}为当前程序工作的绝对路径。

3.调试

新建一个js文件,将launch.json中program里面的1.js改为你要调试的文件名,并把改文件放在绝对路径下

(function name(params) {
    console.log("message");
})();

使用F5调试,得到

node --debug-brk=37692 --nolazy Untitled-1.js
Debugger listening on [::]:37692
message

看完了这篇文章,相信你对vscode调试js的示例有了一定的了解,想了解更多相关知识,欢迎关注创新互联行业资讯频道,感谢各位的阅读!


当前标题:vscode调试js的示例
转载来源:http://myzitong.com/article/igegsi.html