VSCode如何设置Vue前端的debug调试

前端开发 作者: 2024-08-22 11:55:01
vscode在调试vue.代码时,如何进行debug? 1.安装Chrome Debug插件。 2.在launch.json中,将url修改成你前端项目的路径: 1 { 2 // Use Intell
  1 {
  2   // Use IntelliSense to learn about possible attributes.
  3   // Hover to view descriptions of existing attributes.
  4   // For more information,visit: https://go.microsoft.com/fwlink/?linkid=830387
  5   "version": "0.2.0",  6   "configurations": [
  7     {
  8       "type": "chrome",1)">  9       "request": "launch",1)"> 10       "name": "Chrome 调试",1)"> 11       "url": "http://localhost:8090/#/login",1)"> 12       "webRoot": "${workspaceFolder}/src",1)"> 13       "breakOnLoad": false,1)"> 14       "sourceMapPathOverrides": {
 15         "webpack:///src/*": "${webRoot}/*"
 16       }
 17     }
 18   ]
 19 }
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_66651.html