一直喜欢vscode这个编辑器,今天看在liaoxuefeng.com学习nodejs时,看到上面 讲了使用vscode配合nodejs调试JS代码,原来这么简单,现在分享如下: 本人环境: Visual Studio Code 1.14.2 Node.js 6.11.2 Windows10 64位 上述两个软件都非常容易安装,基本上就是官网下载安装包,双击安装即可. 配置步骤 步骤1 新建个文件夹比如test,在里面放一个JS文件比如hello.js,把这个文件假拖放到vscode 窗口中打开

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

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

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

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

学习链接: https://cnodejs.org/topic/5a9661ff71327bb413bbff5b https://github.com/nswbmw/node-in-debugging/blob/master/4.3%20Visual%20Studio%20Code.md 1.新建 test 文件夹,新建 index.js var http = require('http'); var server = http.createServer(function (req, rep)

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

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

使用 phpStudy + VSCODE 进行 PHP 断点调试 自己摸索过程有点曲折,但还是配置成功了,现分享如下. 原料 phpStudy 2018 VSCODE 配置过程 安装 phpStudy 2018 切换到 php 7.1 + Apache 在php.ini 中打开 xdebug 安装 FastAdmin 安装 VSCODE 安装 VSCODE phpdebug 插件 配置 VSCODE phpdebug

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

目录 简介 开启nodejs的调试 调试的安全性 使用WebStorm进行nodejs调试 使用Chrome devTools进行调试 使用node-inspect来进行调试 其他的debug客户端 简介 对于开发者来说,在开发应用程序的过程中,往往为了开发方便和解决bug需要借助于编程语言的调试功能.一般来说我们需要借助于强大IDE的调试功能来完成这项工作.nodejs也不例外. 今天我们来详细介绍一下如何调试nodejs程序. 开启nodejs的调试 还记得之前我们讲到的koa程序吗?本文将

代码调试有时候是一种充满挑战的工作,如果有一个趁手的调试工具的话,往往可以做到事半功倍的效果.得益于这些年的快速发展,在 NodeJS 生态中已经有了多种调试工具可以使用.我们今年就来分享几个常用的调试工具. 在 NodeJS 的代码调试中,通常又两大类调试方法,一种是打印日志,另一种是直接调试代码.我们现在来分别说明. 日志 日志可以帮助我们记录在程序运行过程中的一些状态和错误信息.通过日志,我们可以快速的找到出问题的代码.比如借助于异常日志,我们可以快速的定位到具体的代码行. debug 模

关于调试 当我们只专注于前端的时候,我们习惯性F12,这会给我们带来安全与舒心的感觉. 但是当我们使用NodeJs来开发后台的时候,我想噩梦来了. 但是也别泰国担心,NodeJs的调试是很不方便!这是肯定的. 但是还好,我们有## node-inspector ##来帮助我们解决一部分的调试问题,但是对于异步能力很强的NodeJs它还是有点力不从心. node-inspector 安装node-inspector 依旧是通过npm来全局安装node-inspector npm install -

js的调试始终是一个比较麻烦也是比较困难的事情,从最原始的alert调试,到火狐的firebug工具,在到后来各个浏览器厂商的调试工具.调试工具的发展历程,也可以看出由JS构建的业务和技术逻辑越来越复杂,最初的调试工具已经不能很好的满足复杂逻辑调试.随着nodejs在服务端变得越来越热门,对于nodejs的调试也成了各个nodejs开发人员头痛的问题,还好现在各种调试工具也在不断的出现.今天主要总结一下命令行调试工具和inspector调试工具. 一 命令行调试工具使用 命令行调试工具使用,需要

直接在 Chrome 的调试窗口中调试 Vue 代码有诸多不便, 好在 Visual Studio Code 中提供了 Debugger for Chrome 插件,能够通过配置直接在 VS Code 断点调试代码, 并且在 VS Code 的调试窗口看到 Chrome 中 console 相同的值,这篇文章就来介绍一下这个配置过程. 1.开启 Chrome 远程调试端口 首先我们需要在远程调试打开的状态下启动 Chrome, 这样 VS Code 才能 attach 到 Chrome 上. W

之前调试grunt插件时,都是通过人肉打log来调试.不仅效率低,而且会产生一堆无用的代码.于是简单google了下node断点调试的方法,总结了下. 借助node-inspector,我们可以通过Chrome浏览器的调试工具来调试. 一.安装node-inspector npm install -g node-inspector 二.监听Nodejs的debug调试端口 node-inspector & 见到输出下面log,http://127.0.0.1:8080/debug?port=58

一.背景 使用Visual Studio Code写了一个简单的Html页面,想调试下其中script标签里的javascript代码,网上查了一通,基本都是复制粘贴或者大同小异的文章,就是要安装Debugger for Chrome插件,修改launch.json配置信息,F5启动,这些都照做了,但是仍有两个问题,一个是Html文件里不能打断点,只能在js文件里面打,二是chrome打开后说连接不到localhost,下面分别讲讲是怎么解决. 二.Html文件中不能打断点问题 默认情况下,VS

目录(?)[-] 写在前面 node-inspector 全局安装node-inspector 以debug模式开启express服务 启动node-inspector 调试NodeJS程序   写在前面 前端工程师接触最多的是JavaScript,JavaScript程序可以通过浏览器进行调试,比如chrome的调试工具.Firefox的FireBug等.现在大前端趋势下前端工程师开始接触NodeJS这个JavaScript的孪生兄弟,俗话说殊途同归,NodeJS当然也可以通过chrome的调

RN的调试和web端的调试虽然相似,但是也有一些不同,下面就来比较一下三种断点调试方法的差异 总结: 感觉还是第一种好一些 1.React-Native-Debugger工具调试法 1.1 首先我们得下载一个React Native Debugger的调试软件 1.2其次,我们找到我们要调试的那个文件,假设这个文件叫做account.js,那么我们打开上面下载的软件 并且同时按下ctrl + P,这时候会弹出一个输入框,输入文本就可以找到我们的account.js 1.3 打开之后,就可以愉快的

VsCode 配置C++调试运行 打开命令面板快捷键为F1,软件上写的Ctrl+Shift+P似乎没用 先安装插件使得可以运行 先自行在vsc扩展中搜索C++安装C/C++插件 再参考知乎专栏中安装code-runner插件使得可以运行,参考这位知乎博客的插件参数配置,代码使用同样是这个人的知乎回答,他的知乎回答中的代码加上了必备的参数(注意.c和.cpp文件无法使用同一个配置) 一些编译参数比如说,添加编译警告,使得可以支持C++14等等,在这一步中进行,具体操作这位知乎博主有说 配置断点调试