1. 安装VS Code插件:首先,打开VS Code编辑器,点击左侧菜单栏中的”扩展”按钮(或按下快捷键Ctrl+Shift+X),在搜索框中输入”Chrome Debugger”,然后点击”安装”按钮进行插件安装。 2. 配置Chrome浏览器并启用远程调试:在VS Code中,按下快捷键Ctrl+Shift+P(Mac上为Cmd+Shift+P),在弹出的命令框中输入”Chrome...
步骤1:安装Chrome浏览器 首先,确保您已经安装了Google Chrome浏览器。如果您还没有安装Chrome,请前往Google Chrome官方网站下载并安装最新版本。 步骤2:安装VSCode的Chrome Launcher插件 打开VSCode,点击左侧的扩展图标(四个方块组成的正方形图标),在搜索栏中输入“Chrome Launcher”并点击安装。 步骤3:设置默认浏览器 进...
2.5 必备调试工具 Debugger for Chrome 插件名称:Debugger for Chrome 插件地址:marketplace.visualstudio.com 此工具简直就是前端开发必备,将大大地改变你的开发与调试模式。 以往的前端调试,主要是 JavaScript 调试,你需要在 Chrome 的控制台中找到对应代码的部分,添加上断点,然后在 Chrome 的控制台中单步调试并在其...
1. Debugger for chrome marketplace.visualstudio.com/items?itemN… 相信我,调试JavaScript不仅仅是写 console.log() (虽然这种方式应用最多)。Chrome内置了一些功能,可以拥有更好的调试体验。这个插件能让你在vs code里使用所有(或者几乎所有)这些调试功能。 如果你想了解更多,你可以阅读: Debugging JavaScript in...
插件地址:https://marketplace.visualstudio.com/items?itemName=msjsdiag.debugger-for-chrome 此工具简直就是前端开发必备,将大大地改变你的开发与调试模式。 以往的前端调试,主要是 JavaScript 调试,你需要在 Chrome 的控制台中找到对应代码的部分,添加上断点,然后在 Chrome 的控制台中单步调试并在其中查看值的变...
1:VSCode 上安装:Debugger for Chrome 2:vscode打开一个html,按F5,在弹出来的框中选择 Chrome,会自动打开launch.json文件 3.往launch.json中追加以下代码: , {"name": "使用本机 Chrome 调试","type": "chrome","request": "launch","file": "${file}",//"runtimeExecutable": "C:\\Program Files...
插件名:Code Runner 功能:一键执行各种语言代码(常用于测试) Debugger for Chrome 插件名:Debugger for Chrome 功能:在VSCode端,调试代码 Live ServerPP 插件名:Live ServerPP 功能:在服务器端打开你的文件,实时显示你修改的代码 支持websocket 消息服务,可以用于调试websocket 客户端 ...
YAML:对于YAML文件的编辑,这个插件提供了语法高亮、代码折叠等功能。 Zen Coding:这个插件支持Emmet语法,允许您使用简短的缩写快速生成HTML和CSS代码。 Docker:对于需要使用Docker的开发者来说,这个插件提供了Docker命令的快捷操作和代码补全功能。 Debugger for Chrome:这个插件允许您在VSCode中直接调试Chrome浏览器中的Java...
Debugger for Chrome 这款插件是专门为前端调试开发的,很方便调试,跟谷歌的控制台是一样的功能,安装以后,无需打开浏览器的控制台就能进行断点调试。对应的还有 Debugger for Firefox,Debugger for Microsoft Edge等,其他的我没用过,大家按需安装即可,使用方法应该都大同小异。