vscode 중단점 디버깅 js 프로젝트

王林
풀어 주다: 2020-02-11 16:42:12
원래의
2947명이 탐색했습니다.

vscode 중단점 디버깅 js 프로젝트

VSCode 上装一个插件:Debugger for Chrome

vscode 중단점 디버깅 js 프로젝트

用VSCode装载项目

vscode 중단점 디버깅 js 프로젝트

按F5,出现搜索框,选择 Chrome

vscode 중단점 디버깅 js 프로젝트

然后出现个配置的提示,并打开了launch.json这个文件

vscode 중단점 디버깅 js 프로젝트

在这个文件里添加一段配置信息

{ "name": "使用本机 Chrome 调试", "type": "chrome", "request": "launch", "file": "${workspaceRoot}/index.html", // "url": "http://mysite.com/index.html", //使用外部服务器时,请注释掉 file, 改用 url, 并将 useBuildInServer 设置为 false "http://mysite.com/index.html "runtimeExecutable": "C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe", // 改成您的 Chrome 安装路径 "sourceMaps": true, "webRoot": "${workspaceRoot}", // "preLaunchTask":"build", "userDataDir":"${tmpdir}", "port":5433 }
로그인 후 복사

然后,更改调试方式
vscode 중단점 디버깅 js 프로젝트

如图,选择左边的圆形按钮,然后出来这个调试配置管理界面,选择“使用本机 Chrome 调试”。

然后在项目的 js 处设置好断点,按 F5,就可以进行断点调试了。

vscode 중단점 디버깅 js 프로젝트

相关文章教程推荐:vscode教程

위 내용은 vscode 중단점 디버깅 js 프로젝트의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!