Visual Studio Code 使用Chrome Debug 代码

最新推荐文章于 2024-03-06 14:26:36 发布
最新推荐文章于 2024-03-06 14:26:36 发布
阅读量3.8w 收藏 15
点赞数 19
分类专栏： Software 文章标签： chrome visual studio VSCode
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/arvin0/article/details/52448709
版权

一、添加插件 Debugger for Chrome，点击安装，安装完成之后，启动
Debugger for Chrome

二、配置启动参数
1.按 F5，出现界面如图，选择 Chrome
这里写图片描述

2.然后会打开配置文件 launch.json
这里写图片描述

3.第三步需要配置本地HTTP服务器（IIS）
①HTTP服务器配置教程
②配置完成之后，把服务器相关配置改成如下图：
这里写图片描述

4.再按F5启动，就可以启动Chrome，并且在VSC里Debug调试代码了

5.如果并没有显示正确的页面，那么就重启一下服务器，清理一下Chrome的缓存，再或者多刷几次页面，就应该可以了

悠悠白云a
关注
  • 19
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
专栏目录
Visual Studio Code 源代码(.net).7z
08-01
官方开放的.NetFramework4.6.1源代码, .
新版Vscode无法打开Chrome,报错Open browser failed! Please check if you have installed the browser chrome
草木如织，匪我思且
03-30 2万+
出现的问题是：Open browser failed!! Please check if you have installed the browser chrome correctly! 下面的方法是我尝试过的，都不行。 1、通过修改自定义tasks.json配置文件，设置默认浏览器的路径（其实没用） 2、用360，腾讯电脑管家等软件设置默认浏览器为Chrome 3， 博主...
vscode调试教程和断点类型的介绍
最新发布
weixin_51899238的博客
03-06 2168
vscode的调试过程以及不同断点类型的详细介绍
visual studio code 设置chrome浏览器打开，设置node服务器打开；
cvper's world !
01-19 4万+
问题：在使用 visual studio code 编写网页的时候，我们往往需要使用某个浏览器测试一下，那么怎么设置？           在使用vscode开发node程序时，如何直接进行浏览器打开设置？           举例步骤：        1. 新建一个项目的文件夹，假设为 test-home ,使用vscode打开这个文件夹：如图              
解决：VS Code 设置默认打开浏览器 Chrome
weixin_53031149的博客
03-21 6577
VS Code 设置默认浏览器
Visual Studio Code 运行html文件右键Open In Other Browsers提示找不到Chrome的解决办法
最初的梦想
07-20 1万+
vscode体积小，打开速度快，更强大的是拓展强大，虽然本身功能少，但是有个强大的拓展库。其他的IDE虽然功能强大，各种代码提示，但是免不了的原因是体积大，打开会慢。 在写了个html网页后，用其他浏览器都可以打开网页，但是chrome浏览器是个例外，提示windows找不到chrome，下面提供一个方法解决vscode不能打开chrome的问题。 因为chrome安装时不像其他软件的安装程序一样...
Visual Studio Code配置谷歌浏览器并运行文件
leixu1027的博客
01-12 2万+
1、ctrl+shift+p弹出搜索框，搜索 Configure Task Runner，编辑 tasks.json 按回车键。 2、修改tasks,json的内容，如截图所示： 3、快捷键Ctrl+Shift+B，运行，结果显示在谷歌浏览器上。
vscode debug chrome
weixin_30389003的博客
06-28 386
{ "version": "0.2.0", "configurations": [{ "name": "谷歌浏览器", //运行html文件，用谷歌浏览器打开 "type": "chrome", "request": "launch", "url": "${file}", ...
Visual Studio Code调试javascript操作指南
mankl的博客
02-17 7539
一、安装Debugger for Chrome扩展插件 二、生成一个index.html文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DEMO</title> </head> <body> <script> ...
在VS Code中调试js
erose的博客
03-13 476
在VS Code中调试js 先安装两个插件 debugger for chrome live server 创建一个index.html文件，创建一个index.js文件 在index.html中引入index.js文件 在index.js文件中打断点 创建launch.json文件 环境选择chrome 修改launch.json如下 { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https
在Visual Studio Code环境中使用SVN的方案
10-15
主要介绍了在Visual Studio Code环境中使用SVN的方案，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
visual studio不显示Debug,Release的原因及解决办法
11-10
vc++ ide 不显示Debug,Release的原因及解决办法
Visual Studio Code 使用Git进行版本控制（图文教程）
09-30
主要介绍了Visual Studio Code 使用Git进行版本控制（图文教程），小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Visual Studio Code
02-08
Visual Studio Code（VSCode）智能IDE，支持大部分语言
使用VSCode 断点调试 js项目，html页面
热门推荐
博客
12-15 7万+
一、效果目的 1.在VSCode里，直接F5打开html页面，并且可以在编辑器里，进行断点调试js代码； 二、工具准备 1.VSCode 软件 2.一个js项目 3.VSCode 上装一个插件：Debugger for Chrome 如图 ![这里写图片描述](http://img.blog.csdn.net/20161215171306706?watermark/2/text/aHR0cDovL2Jsb2cuY3
win下nsis打包exe安装程序教程
博客
02-23 1万+
下载软件包：NSIS中文版 打包软件：VNISEdit 编译环境 教程： 1.打开“文件—新建脚本：（向导）” 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16.生成的exe安装文件 17. 18. 19. 20. 2
微信相关功能，跳转链接
博客
08-14 8115
weixin://dl/profile 个人信息 weixin://dl/scan 扫一扫 weixin://dl/feedback 反馈 weixin://dl/moments 朋友圈 weixin://dl/settings 设置 weixin://dl/notifications 消息通知设置 weixin://dl/chat 聊天设置 weixin://dl/general
如何使用Visual Studio Code编译并运行代码
05-30
Visual Studio Code本身并不提供编译器，所以需要安装并配置适当的编译器才能编译和运行代码。以下是一些常见的编译和运行代码的步骤： 1. 安装适当的编译器和相关的工具。例如，如果您想编写C或C++代码，您可以安装GCC或Clang编译器，并在系统环境变量中配置它们。 2. 打开Visual Studio Code，并打开您的代码文件。 3. 按下“Ctrl + Shift + B”或者使用菜单中的“任务”>“运行生成任务”选项。 4. 在弹出的“任务”面板中，选择您想要运行的构建任务（例如：编译、生成等），并按下“运行”按钮。 5. 如果编译成功，您可以在终端窗口中输入命令来运行您的代码。 6. 您的代码将在终端窗口中输出结果。 请注意，具体的步骤取决于您使用的编译器和编程语言。如果您遇到任何问题，请参考Visual Studio Code的文档或向社区寻求帮助。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

悠悠白云a

你的鼓励将是我创作的最大动力。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值