VS Code使用系列 -- 在浏览器中调试javascript（browser app）

环境安装

插件1：Live Server

插件2：JavaScript Debugger

使用步骤

1，从状态栏启动Live Server（点击“Go Live”）

如果状态栏被隐藏，从工具栏中打开状态栏：

 

2，在浏览器中通过devTool，调试Html+javascript

打开要调试Html（其中包含对应的javascript脚本），点击右键，在浏览器中打开页面。之后就可以通过DevTool进行调试了（console.log，debugger等方式）

 3，在VSCode中调试Html+javascript

在JavaScript中设置断点：

通过VSCode启动浏览器（这里需要Live Server或其它Web容器，例如node http server支持），启动方式参见：Debug Browser Apps using Visual Studio Code

例如：通过Open Link 指令：