0
点赞
收藏
分享

微信扫一扫

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

向上的萝卜白菜 2022-02-09 阅读 73

环境安装

插件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 指令:

 

 

 

举报

相关推荐

0 条评论