vscode断点调试本地客户端文件

一.安装chrome,安装vscode,打开vscode编辑器,安装插件Debugger for Chrome 二.新建文件 1.目录结构 . ├── index.html ├── index.js 2.在vscodeDebug工程中,新建index.html <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge"…

vscode断点调试工程化客户端文件

一.调试webpack配置文件 launch.json的配置如下,在webpack.dev.config.js文件中设置断点,开始调试. { "version": "0.2.0", "configurations": [ { "type": "node", "request": "attach", "name": "附加到端口"…

vscode断点调试工程化服务端文件

一.创建express应用我们使用express-generator创建一个新的express应用.1.全局安装express-generator // 安装 sudo npm install express-generator -g // 检测是否安装成功 express -v 2.生成express应用目录 express myapp 可以看到,这个小应用已经五脏俱全,有Node服务器配置,公共资源文件夹,视图文件夹,以及路由配置. 3.运行express应用 // 安装依赖 cd myap…

使用VSCode 断点调试 js项目，html页面

一.效果目的 1.在VSCode里,直接F5打开html页面,并且可以在编辑器里,进行断点调试js代码: 二.工具准备 1.VSCode 软件 2.一个js项目 3.VSCode 上装一个插件:Debugger for Chrome 如图三.配置文件更改 1.用VSCode装载项目 2.然后按F5,出现这个框选择 Chrome 3.然后出现个配置的提示,和打开了launch.json这个文件在这个文件里添加一段配置信息 , { "name": "使用本机 Chrome…

.NET C#微信公众号开发远程断点调试(本地远程调试生产环境代码)

最近在做微信公众号开发,由于之前没有接触过,突然发现调试不方便,不方便进行断点跟踪调试.因为微信那边绑定的服务器地址必须是公网地址,但是还是想进行断点调试(毕竟这样太方便了,程序有Bug,一步步断点跟踪不是很爽么,哈哈) 因此上网搜了一下,发现好多是使用软件之类的进行请求转发从生产环境转发请求到开发环境上,发现有的太麻烦了. 有的人喜欢日志记录,这个看个人习惯了,我比较喜欢断点调试罢了,也可以看见程序执行流程不是么突然想到Vs有一个附加到进程的远程调试.于是玩了一把.我们直接开始(服务器上就不…

vscode断点调试简单的服务端文件

一.无配置文件时,如何调试? 1.安装code命令打开vscode,快捷键command + shift + p,输入shell command,选择install 'code' command in PATH.2.创建工程 mkdir hellonode cd hellonode code . 这时vscode会启动,打开当前目录.3.新建app.js文件 var msg = 'Hello World'; console.log(msg); console.log(msg.fontcolor)…

如何远程断点调试本地localhost项目

前言对于一般开发网站的IDE自带的服务器是都跑在 localhost 地址上的.(如下图的asp.net) 而这种地址是只能在本机通过 localhost 或 127.0.0.1 地址访问到,而无法直接通过本机的内网IP地址访问的. 所以就无法实现在虚拟机中访问本地localhost站点,以及在虚拟机访问时的代码断点,调试,以及用手机访问本地站点等. 虽然可以使用IIS等web服务器发布本地IP上,来实现外部访问,但是依然无法实现代码断点,当然可以用附加进程调试,不是本文讨论范围.接下来就来讲…

phpstorm断点调试 php.ini 文件中 Xdebug 配置

[XDebug]xdebug.profiler_output_dir="D:\phpStudy\tmp\xdebug"xdebug.trace_output_dir="D:\phpStudy\tmp\xdebug" zend_extension="D:\phpStudy\php\php-7.0.12-nts\ext\php_xdebug.dll" # 要打开xdebug调试 ## 下面是需要配置的xdebug.remote_enable=1xd…

解读vscode断点调试配置文件【待续】

一.参考链接 https://code.visualstudio.com/Docs/editor/debugging https://code.visualstudio.com/docs/nodejs/nodejs-tutorial…

Ubuntu16.04 中 Vscode 如何断点调试C语言程序

个人博客链接:Ubuntu16.04 中 Vscode 如何断点调试C语言程序问题:环境是 Ubuntu16.04,如何使用 Vscode 断点调试C语言程序. 写代码没有调试环境是不能忍受的,所以折腾了一下,最后成功了.折腾的过程是这样的: 首先安装 C/C++ 扩展,直接搜索第一个就是,或者点此链接查看其帮助文档进行安装. 然后打开当前目录,左边点调试选项,点击添加配置,生成了一个launch.json文件,其内容如下: { // Use IntelliSense to learn a…

Chrome调试本地文件无法使用window.opener对象进行窗口间值传递

今天在百度BAE上建了个应用,svn上传后发现页面间互调有些问题,几经查询发现: (1)IE下正常的window.opener.object1.object2页面间对象访问方法在Chrome下不能使用,修改为window.opener.document.getElementById('object2')解决问题: (2)Chrome调试本地网页文件时无法使用window.opener对象访问父窗口内的对象,也就无法实现窗口间的值传递.…

phpstorm xdebug 无法断点调试问题

最近用phpstorm+xdebug调试一段php代码的时候莫名其妙的无法切入断点调试本地用的php集成环境是UPUPW ANK V1.1.7 64Bit 选择了集成环境中php版本为7.1.x 搞了好几天了一切配置都很正常之前都是好好的最后实在是没招了就改了下php版本5.6 既然可以了,我又把7.0至7.3都试了一遍发现7.0版本以上(不包括7.0)都无法正常调试,真是让人很无语.....具体我也没去找原因~ 如果你碰到了和我一样的问题不防该下php版本再试试.…

本地环境 XAMPP+phpStorm+XDebug+chrome配置和断点调试注册方法

我的安装环境:XAMPP版本号V3.1.0 ;phpStorm版本8.0.3;windowsxp 32bit.您老人家先过目一下,不然怕影响意义. XAMPP.phpStorm 都直接安装在了D盘根目录,9999m目录建在D:\xampp\htocts下,即目录工程文件夹路径为D:\xampp\htocts\9999m.在phpStorm>File>open,找到9999m,点击确定,加载9999m到了phpStorm(安装环境路径根据需要自行更改,后面的配置内容也类似).图1 XAMPP+p…

本地环境phpStorm10+XDebug配置和断点调试

安装环境:XAMPP;phpStorm版本10; windows 7 64bit. XAMPP.phpStorm 都直接安装在了D盘根目录,9999m目录建在D:\xampp\htocts下,即目录工程文件夹路径为D:\xampp\htocts\9999m.在phpStorm>File>open,找到9999m,点击确定,加载9999m到了phpStorm(安装环境路径根据需要自行更改,后面的配置内容也类似). 1. 开始服务器端配置:安装好XAMPP,停止apache服务(注意,如…

【Egret】使用VSCode 编译，断点调试Egret项目

经过我日积月累的摸索,还是一直模模糊糊的,搞不懂,今天经晨哥点拨两下,一下子就恍然大悟,搞定了怎么弄这个东西,现将经验分享如下. 一.效果目的 1.在VSCode里,直接F5打开Egret页面,并且可以在编辑器里,进行断点调试Egret代码,和在Wing里进行代码调试相似: 二.工具准备 1.VSCode 软件 2.一个Egret 项目 3.VSCode 上装两个插件:Debugger for Chrome,EgretCode 如图: 三.配置文件更改 1.用VSCode装载Egret项目 2.…

VSCode+Xdebug断点调试PHP（全攻略）

一直都想把php断电调试记录下来,由于拖延症极其严重导致现在才写. 好了,刚去猛喝了几碗心灵鸡汤,趁着这股劲把"Visual Studio Code如何使用XDebug进行php断点调试"这个全攻略写了. 步骤1:下载并安装XDebug 我这里演示的是用phpStudy集成环境,不过不管是不是集成环境都没什么关系,这里主要为php安装上XDebug扩展就可以了安装XDebug扩展大多数人遇到的一个问题就是如何找对自己环境php匹配的XDebug版本,这个问题主要分成两个步骤步骤1:…

vscode中php断点调试方法！

一.PHP的代码断点调试 1.打开vscode的首选项设置,添加"php.validate.executablePath": "D:\\newXampp\\php\\php.exe", 注意:这里代表你php安装的实际路径,根据每个人的不同安装位置有所不同. 2.vscode中安装 php Debug这个插件并重新加载. 3.https://xdebug.org/wizard.php 打开这个官网输入自己的phpinfo信息,得出我的xdebug下载文件及放置路…

PhpStorm本地断点调试

一.断点调试php环境搭建 1.检测本地php环境是否安装了Xdebug 在本地输出phpinfo():搜索Xdebug;如下图如果没有安装,安装操作Xdebug如下: 将phpinfo();的信息全部输入网址:http://xdebug.org/wizard.php中的框,得到适配的xdebug版本,按照下图中操作进行. 2.安装好Xdebug之后,配置本地的php.ini.添加配置如下,如需添加其他Xdebug配置,可以查看phpinfo中xdebug配置,根据情况自己添加. [xde…

微信公众号本地断点调试(frp反向代理或Remote Debugger)

问题描述: 需要开发微信授权和订阅推送,但是感觉调试不方便,就试着几种方式.因为是用的C#开发,Visual Studio工具自带配套的远程工具 (Remote Debugger).但是感觉不稳定,容易端口,就尝试反向代理,发现还挺方便的.下文将分别介绍这两种方式. Remote Debugger: 详细安装步骤参考:https://zhuanlan.zhihu.com/p/29183052.这里着重描述,遇到的一些坑. 1.选中项目->属性,web一栏勾选如下. 2.项目发布是配置成Debug…

使用VSCode调试单个PHP文件

突然发现是可以使用 VSCode 调试单个 PHP 文件的,今天之前一直没有弄成功,还以为 VSCode 是不能调试单文件呢.这里记录一下今天这个"突然发现"的过程. 开始,是在看 Modern PHP 这本书,看到 "Built-in HTTP Server" 一节,自己测试了启动PHP内置服务器软件的命令:php -S localhost:4000,成功看到浏览器页面显示出相关页面.与 Apache 设置的 Web 网站的效果是一样的. 然后我突然就想到,能不能…

本地环境 XAMPP+phpStorm+XDebug+chrome配置和断点调试

不明白phpStorm+XAMPP+chrome组合的phpStorm配置XDebug的断点调试,很多种网页办法都看过了,可用,但没达预期.QQ群问,一个大牛很奇怪我都配置了怎么还不正确,很干脆地说远程协助.哈爽快人说爽快话给办利落的事,我还没说感谢呢大牛就直接说有事88. 今天me总算明白了,其实很容易理解的,休闲的时间把配置过程写了,顺便mark下,需要的人来看看.其实今天<爱你,万缕千丝>正在放映,我追看的,今天恰逢之元.天丘因家族利益出现大吵,所谓一部戏铺垫完.到了矛盾激化到极点.将要…

PHP vscode+XDebug 远程断点调试服务器上的代码

对于简单的项目或仅仅想知道某一位置的某个变量是什么值,直接使用var_dump配置exit来打印和中断就可以了,方便又快捷, 而对于大型项目的调试,或想了解某个系统的整个运行过程,xdebug可能会是更好的选择. 网上大多数xdebug教程中的项目代码和运行环境是配置在本地,IDE也是在本地, 而我所使用的环境是运行于远程服务器中,所以xdebug配置起来稍有不同. 环境介绍:本地:win10 + vscode远程:CentOS + LNMP + xdebug 即PHP的运行环境在远程服务器中,…