配置vscode以调试html/javascript

文章/答案/技术大牛

发布

1回答

javascript、html、visual-studio-code

我正在尝试使用vscode调试一些html/javascript。我已经安装了chrome调试器扩展，并将launch.json配置为 { // Use IntelliSense to learn about possible attributes.当我运行debug时，vscode启动chrome并获取页面，但是它忽略了代码中的任何断点。(我一直在使用相同的vscode安装来调试一些python

浏览 14提问于2020-04-30得票数 0

1回答

VSCode上的调试器不能使用Javascript

javascript、node.js、vscode-debugger

更新:这是一个关于如何配置VSCode来调试Javascript的问题。我知道它使用的是Node.js，我不知道，javascript总是在浏览器中工作，但我希望能够逐步执行代码，而不是编写成百上千的console.log()语句来查看它在做什么。尝试在VScode中为Javascript设置调试，但它不会启动它，它一直在打开launch.json文件，但我不知道我需要在其中放入什么才能使其工作。我是Javascript的新手，只是在

浏览 30提问于2019-10-06得票数 0

回答已采纳

1回答

vscode chrome使用vanilla JS进行调试，没有包管理器未绑定的断点

javascript、visual-studio-code、vscode-debugger

我到处寻找，但无法想出如何让vscode通过chrome调试包含在普通HTML页面中的vanilla javascript。对于所有javascript文件中的所有断点，我都会得到“未绑定的断点”。HTML是通过vscode Live Server插件提供的。vscode调试器通过以下launch.json成功连接到chrome。我可以在调试控制台中的vscode中看到浏览器控制台，但所有断点都是“

浏览 1提问于2021-09-09得票数 1

2回答

VSCode和模板(tsx)：“调试器”语句不会使浏览器进入调试模式

javascript、debugging、vscode-debugger、stenciljs、tsx

我对调试JavaScript非常陌生，更不用说类型记录，更不用说使用tsx文件的模板项目了(我认为它是某种类型的反应性类型的类型文件)。我希望通过在代码中添加一个debugger语句，使用Chrome中的刷新来显示调试工具。但什么都没发生。如果我在同一个地方添加了一个console.log，它的行为就像预期的那样。我不想到处使用大量的console.log进行调试。顺便说一下，我正在使用VSCode。不知道这是否相关。我在中看到，JavaScript调试应该内置到<e

浏览 6提问于2022-04-28得票数 0

回答已采纳

1回答

VSCode和Javascript:无法连接到目标的本地主机:9222

javascript、visual-studio-code

我试图跟踪VSCode网站的Javascript调试设置--这里缺少很多信息，当我试图从网站复制launch.json配置时，如果我使用自己的launch.json配置，我就会得到错误VSCode andJavascript: cannot connect to the target at localhost:9222，我不能点击任何断点，在调试时断点都会变成白色的圆圈。第一个问题:为什么URL指向" VSCode自动启动服

浏览 4提问于2022-11-04得票数 1

回答已采纳

2回答

使用VSCode连接编辑代码时使用Xdebug进行远程调试

php、visual-studio-code、xdebug

当我使用VSCode远程资源管理器SSH插件从Windows机打开Linux when服务器上的远程目录时，我不确定如何在VSCode调试配置中配置pathMappings。如果我在本地存储源代码的副本，并用本地源代码启动VSCode，那么调试就能正常工作。 Web服务器是Ubuntu14Lamp，本地系统是Windows10。当我将源文件存储在本地并通过打开本地副本来启动VSCode时，这在VSCode调试

浏览 79提问于2019-09-17得票数 4

5回答

如何在VSCode* (Visual Studio Code)中同时调试HTML和*JavaScript？

debugging、visual-studio-code

当我点击F5时，我想在迷你网站上运行和调试一个带有javascript文件的html页面。如何配置VSCode在浏览器中打开html页面，然后允许我在javescript文件中设置断点，这些断点将由我在浏览器中与应用程序的交互触发？在VSCode中，我不确定如何设置launch.json和/或tasks.json来创建一个简单的node.js web服务器并为index.html提供服务。我见过一些调试javascr

浏览 206提问于2015-06-26得票数 57

回答已采纳

13回答

带有Chrome的Visual代码调试器拒绝连接本地主机

google-chrome、debugging、visual-studio-code、localhost

我有一个9个月的项目，不再显示在浏览器中的F5调试vs代码。 "webRoot": "${workspaceFolder}" ]index.html

浏览 0提问于2018-10-06得票数 26

回答已采纳

1回答

PHP如何在VS代码中调试多个网站

php、visual-studio-code、xdebug

预期行为：问题描述：目前，我认为使用VSCod

浏览 2提问于2020-06-18得票数 2

回答已采纳

1回答

在Mac的VSCode中调试Javascript

javascript、google-chrome、debugging、visual-studio-code

我使用VSCode作为我的主编辑器，但当我调试纯原生javascript时，我总是在浏览器中进行调试。原因？因为我不能让调试器工作。我的javascript文件中只有一行代码。我真的很想在vscode中使用调试器，但我没有太多的运气。节点版

浏览 0提问于2017-06-30得票数 1

1回答

铬异常:未定义closeDescriptionPopup

cordova、google-chrome

当我调试Cordova应用程序时， Chrom会抛出一个错误。 eval code.js中的，第3行JavaScript异常:未定义closeDescriptionPopup

浏览 23提问于2018-12-24得票数 2

1回答

如何使用环境变量为pytest配置VS代码

visual-studio-code、vscode-settings、vscode-debugger

我正在尝试调试pytest。我想注入一个环境变量。, "env": { } }, 但似乎当我开始调试的时候

浏览 20提问于2020-10-29得票数 4

回答已采纳

1回答

VSCode不会为nextjs绑定客户端断点(9.5.2)

visual-studio-code、google-chrome-devtools、next.js、vscode-debugger

在最近对nextjs的一次更新中，vscode中的客户端chrome调试似乎已经中断。当我启动以下配置时，我的任何断点都不会被绑定： "type": "chrome", "webRoot": "${workspac

浏览 8提问于2020-08-21得票数 4

回答已采纳

1回答

如何告诉Visual代码在调试Django应用程序时遵循Django本身的源代码？

python、django、visual-studio-code、django-rest-framework

我有一个Django应用程序，我将Visual代码设置为使用默认的launch.json配置来调试它。当我启动服务器(manage.py runserver)并发出请求时，VSCode会在第一个断点停止(这是正确的)，但是当我进入一个函数时，VSCode从不跟踪/显示Django源代码本身，我想看看在Django在调试Django应用程序时，我如何配置VSCode以遵循/显示Django (和Django REST)源代码？编辑20

浏览 1提问于2019-01-18得票数 1

回答已采纳

1回答

Visual代码的Marklogic调试器

visual-studio-code、marklogic、remote-debugging、vscode-debugger

如何在Visual代码中设置MarkLogic XQY调试器。有人能告诉我类似于MarkLogic Java脚本(JS)调试器的实际调试示例吗？

浏览 0提问于2020-11-19得票数 1

4回答

如何使用VSCode调试器调试Gunicorn工作进程？

python、debugging、visual-studio-code、gunicorn

我想使用VSCode调试器来调试这个服务。当前，我使用命令启动进程。/usr/local/bin/gunicorn --config /webapps/connects/routerservice_config.py routerservice:api我已经将Python扩展安装到VSCode，所以我有了P

浏览 3提问于2016-10-04得票数 8

回答已采纳

1回答

Tasks API2.0是否允许在launch.json中执行条目

visual-studio-code、vscode-extensions、vscode-tasks

作为与VSCode集成的一部分，我们建议人们使用来配置调试*.cake文件的功能。使用新的Task API，是否可以自动将任务添加到VSCode实例中以允许启动调试器？

浏览 5提问于2017-07-18得票数 0

回答已采纳

2回答

HaxeDevelop调试不会停止在断点上

haxe、flashdevelop

我是否必须告诉它使用一个特殊的调试过程或其他什么？我需要安装更多的软件吗？我应该只使用VS代码吗？我试过使用neko，html5和flash，它们都不会停在断点上。如果有人知道如何让Haxe在HaxeDevelop、FlashDevelop或VS代码中以调试模式运行，我会非常感激的。

浏览 3提问于2019-04-08得票数 5

回答已采纳

2回答

在vscode中从任务中运行特定的启动

visual-studio-code、vscode-debugger、vscode-tasks

当我在vscode上打开项目时，我希望它在调试模式下开始运行。在launch.json文件中有一个午餐配置，当我点击"F5“时，它以调试模式启动项目。此外，我还有一个带有vscode选项的"runOptions": {"runOn":"folderOpen"}任务。问题是:据我所知，任务只能运行命令或其他任务。是否可以配置命令以运行特定的“从launch.json启动”

浏览 16提问于2022-01-23得票数 2

1回答

如何使用边缘浏览器在VSCode中调试角应用程序？-Follow up

angular、debugging、visual-studio-code、microsoft-edge

以上主题中的两个launch.json建议不起作用，来自“调试器的边缘”的自动生成的launch.json也不起作用。我分别试用了它们，但没有结果(见下文)。"sourceMaps": true, "userDataDir": "${workspaceRoot}/.vscode在VSCode中，红点变成一个空心圆圈。上面的launch.json应该在单独的代码块中，但是编辑器不允许我

浏览 0提问于2018-12-25得票数 3

点击加载更多