用VSCode的debugger for chrome插件调试服务器项目的配置方式

【用VSCode的debugger for chrome插件调试服务器项目的配置方式】的更多相关文章

用VSCode的debugger for chrome插件调试服务器项目的配置方式

项目放到tomcat服务器启动起来(以tomcat服务器为例). 配置launch 把谷歌浏览器彻底关闭!(要彻底) 打断点点左侧的调试点刷新!(这一步也需要)…

vscode(Visual Studio Code)中安装Debugger for Chrome插件调试页面

最近换了下编辑器,改用vscode(Visual Studio Code),很喜欢它左边显示的文件路径,轻松新建文件夹和文件,也喜欢它的编码转换功能,gbk和utf-8可以随时切换,因为公司网站有些页面是utf-8有的是gbk2312,很多时候我都分开使用用2个编辑器,感觉从现在开始不用了,哈哈很快就看到一个好用的拓展,可以在编辑器中设置断点,谷歌浏览器中调试代码,我很想要这个功能,但是我装了Debugger for Chrome后,按照百度出来的方法进行配置,屡屡报错,尝试了很久,终于在刚才…

visual studio code 中 debugger for chrome 插件的配置

安装 debugger for chrome 插件后,把默认的 launch.json 改成: { "name": "谷歌浏览器", "type": "chrome", "request": "launch", "url": "${file}", "sourceMaps": true, "webRoot":…

[pycharm]远程调试服务器项目

Pycharm远程调试服务器项目准备工作创建一个临时项目,用pycharm打开项目 mkdir xxx 准备一台远程服务器,尝试连接服务器 ssh worker@ip 同步项目到pycharm 配置:Tools-->Deployment-->Configuration -->Add -->Test SFTP connection -->Mappings -->进行各项操作配置服务器虚拟环境 -->Add Remote-->SSH Credentials…

VSCode配置 Debugger for Chrome插件

Debugger for Chrome这个插件是直接在vscode里面进行调试js文件,跟谷歌的控制台是一样的功能,下载了它就不用打开浏览器的控制台就能进行打断点. 首先在左侧扩展栏找到这个插件下载好了后重启编辑器之后配置配置步骤如图: 图中配置字段信息解释如下: version : 你定义这个配置文件的版本,生成的时候默认是0.2.0 configuration:配置域 name:配置文件的名字,可以自己起 type:调试的类型,node是vscode本身就支持,其他就需要下载插件了…

在visual code的debugger for chrome中调试webpack构建的项目

一直使用chrome中内置的调试器, 感觉世界那么美好, 自从学了react之后,使用visual code作为编辑器, 它提供了很多插件, 其中就包括debugger for chrome, 一款使用内置调试器来调试浏览器中网页的插件.于是打算折腾一下试试. 踩了很多坑, 配置lanuch.json, 运行一直失败, 原因就是因为该项目是由webpack构建, 需要先启动项目, 然后再启动调试器 1. 启动项目 npm start 只有项目启动后, 配置的lanuch.json才有效!!! 2…