vscode如何断点调试js项目
发表于:2025-01-28 作者:千家信息网编辑
千家信息网最后更新 2025年01月28日,小编给大家分享一下vscode如何断点调试js项目,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!1、首先安装 Debugger for Chrome 插件2、打开项目,按 F5 ,打
千家信息网最后更新 2025年01月28日vscode如何断点调试js项目
小编给大家分享一下vscode如何断点调试js项目,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!
1、首先安装 Debugger for Chrome
插件
2、打开项目,按 F5 ,打开搜索框,选择 chrome
会打开launch.json文件,如图:
3、添加配置信息,如图:
{ "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 }
结果如图:
4、更改调试方式,如图,选择左边的圆形按钮,然后出来这个调试配置管理界面,选择"使用本机 Chrome 调试"。
5、然后在项目的 js 处设置好断点,按 F5,就可以进行断点调试了。
看完了这篇文章,相信你对"vscode如何断点调试js项目"有了一定的了解,如果想了解更多相关知识,欢迎关注行业资讯频道,感谢各位的阅读!
断点
项目
如图
选择
篇文章
本机
配置
信息
圆形
完了
按钮
插件
文件
方式
更多
服务器
注释
界面
知识
结果
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
迪普umc管理平台服务器
五叶草互联网科技有限公司招聘
织互联网科技有限公司
陕西超市电商软件开发
外汇现货的软件开发
魔兽世界游戏多开服务器配置
浙江吉加软件开发
软件开发包括什么内容
中国移动网络安全技术
湖北天融信网络安全技术有限公司照片
天津河北存储服务器云主机
系统重装服务器连接失败
cs网络安全师
wiod数据库最新数据是
联铭互联网科技有限公司
网络安全技防与物防
轻应用服务器能kvm
谈谈对数据库的认识论文
品质有保证的单细胞数据库
软件开发招聘年龄限制
怎么用税务软件开发票
我的世界叶枫宝可梦服务器
鸿瑞网络安全隔离装置
广州链动互联网科技有限公司地址
互联网农业科技专利
全球网络安全最好的国家
渭南软件开发哪家强
服务器无响应 路由器
24点计算软件开发
饥荒朋友家专用服务器网很卡