如何在VScode对JS代码进行调试

如何在VScode对JS代码进行调试?

使用VS code对JS进行Debug,需要安装一个插件,这个插件是根据你所使用的浏览器来的,不同浏览器对应插件!

浏览器 插件
Chrome Debugger for Chrome
Firefox Debugger for Firefox
Microsoft Edge Debugger for Microsoft Edge

 

 

 

 

常用的浏览器也就这些哈!我是使用的Debugger for Chrome,此次演示也是用它,其实都一样!

实现站内打开预览界面

实现了编译器内调试,不在编译器中打开预览简直就是毫无意义!为了实现更好的开发体验,我们还需要一个插件!

Live Server是一款在浏览器预览插件,它还可以实现随着代码的不断改变,实现实时更新!相信都用过吧!

 

 

具体步骤

将Debugger for Chrome和Live Server插件下载…

第一步:打开调试,选择调试环境!

第二步:更改预览端口号

使用Live Server插件打开一个html文件,查看端口号。

 

 

第三步:运行

该有的功能基本都能实现

 

 

打开编辑器中打开浏览器预览

找到设置,然后在搜索栏-搜索“ open-in”

 

posted @ 2020-03-20 13:25  GaoYang-笔迹  阅读(6270)  评论(0编辑  收藏  举报