js调试及vs code调试es6

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

## 一、Chrome 的开发者工具

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

## 二、VS Code 的 debug

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

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

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

## 三、如何调试 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)



posted @ 2021-06-11 09:43  小鸣Cycling  阅读(286)  评论(0编辑  收藏  举报