【js】VS Code在Chome下调试JS代码

1. 新建项目文件夹,同时新建html文件,编写代码。

【js】VS Code在Chome下调试JS代码

2. 打开调试界面,并选择下拉箭头,添加配置文件。

【js】VS Code在Chome下调试JS代码

【js】VS Code在Chome下调试JS代码

 此时,会自动生成如下代码。

【js】VS Code在Chome下调试JS代码

接着,我们需要在生成的代码中指定要调试的文件,这里即test1.html文件。 

【js】VS Code在Chome下调试JS代码

【js】VS Code在Chome下调试JS代码

这里有两种方式查看变量的值,一种是从chome中打开控制台。 

【js】VS Code在Chome下调试JS代码

 另一种是直接在VS Code中直接打开控制台查看变量的值。

【js】VS Code在Chome下调试JS代码