• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

js调试及vs code调试es6

开发技术 开发技术 5天前 8次浏览

要调试 js 不是非要把 js 文件引入到 html 中,然后在浏览器中调试;
两个简单方法:

一、Chrome 的开发者工具

使用开发工具下的 Source > Snippets 即可

js调试及vs code调试es6

二、VS Code 的 debug

在 js 文件中写好代码后直接 Run > Debug 即可;

为了方便多个 js 文件调试, 可以根据提示创建 launch.json 文件,
注意,可以修改 program 参数${file};

    // "program": "${workspaceFolder}/src/symbol.js"
    "program": "${file}

js调试及vs code调试es6

如何调试 es6 模块

如果直接 import js 模块会提示错误,
根据提示有两种简单解决方法,

  1. 直接改 .js 为 .mjs
    2.创建 package.json 文件,添加 type": "module" 人,然后就可以直接调试 js 文件, 不用改一堆 .mjs 文件了
{
	"type": "module"
}
![](https://img2020.cnblogs.com/blog/1084504/202106/1084504-20210611094218973-968343991.png)




程序员灯塔
转载请注明原文链接:js调试及vs code调试es6
喜欢 (0)