vue debug,vue.js not detected解决方法

vue debug,vue.js not detected解决方法

vuedebugdebugging1.下载地址：https://github/vuejs/vue-devtools/tree/master2.解压到local3.cd到下载的文件包中，执行pminstall，npmrunbuild成功注意：npminstall(如果你在vscode中调试vue.code，如何调试？1.安装ChromeDebug插件.2.在launch.json中，将url改为你前面的路径- endproject:1{2//使用IntelliSense了解可能的情况

VSCode如何在Vue前端设置调试？调试vue.code时如何进行VSCode调试？1.安装ChromeDebug插件。 2.在launch.json中，将url更改为前端项目的路径：1{2//vuedebugtwomethodsvuedebugtwomethodsconsole.logism更烦人，但通过调试更清晰。 您可以快速理清代码执行的顺序，验证您的想法是否正确，并清楚地了解变量的内容。

也就是说，调试配置中有一个额外的源MapPathOverrides：那么如何映射呢？ 您可以将调试器添加到源代码中，并检查浏览器中当前的映射路径：webpack://test-vue-debug/src/App.vuvuedevtools，这里的数据显示非常清晰。 2.vscodedebug1，修改.vscode/launch.json以查看复制和打印？ {//使用IntelliSense了解相关属性。 悬停即视

直接将debugger关键字添加到要调试的Vue文件或JS文件的上一行，然后通过npmrundev运行项目，如下所示：vue调试的三种方法1.Console.log你可以从头开始学习，节点演示向上。 重要的是培养这种能力。如果代码有问题，你不能仅仅通过查看来判断问题所在。 2.调试器方法vs代码安装插件，调试器forch

这种方法断点最方便，但不能与vue.js开发工具一起使用。下载插件vs代码：DebuggerforChrome。安装插件后，vs左侧会出现蜘蛛图标，如下图所示。 单击"名称"："assavuedebug"，"url"："http：//localhost:8080","webRoot":"${workspaceFolder}"}]}2.启动vue项目，npmrundev3.点击vscodedebug中的绿色三