WebStorm远程调试Node.js】的更多相关文章

1.服务启动IP及端口,如果是云服务,IP选用服务器内网IP.同时需要防火墙需要添加端口. #添加端口 $ firewall-cmd --zone=public --add-port=9229/tcp --permanent // (permanent是保存配置,不然下次重启以后这次修改无效) #重启防火墙: $ firewall-cmd --reload #调试方式启动nodejs项目$ node --inspect=内网IP:9229 bin/www 2.在Webstorm项目窗口中,打开R…
在开发的过程中,几乎不可能一次性就能写出毫无破绽的程序,断点调试代码是一个普遍的需求. 作为前端开发工程师,以往我们开发的JavaScript程序都运行在浏览器端,利用Chrome提供的开发者工具就可以方便的进行源码断点调试.其步骤有四,详情不表,粗略概括如下: 打开Chrome开发者工具: 点击进入Sources标签页,在页面的左侧就能看到JS代码的目录: 找到需要设置断点的源文件,在需要中断的哪行代码左侧单击鼠标左键,就可以设置断点,如果你的代码是uglify过的,则需导入相应的source…
原文地址:http://www.noanylove.com/2011/12/node-the-inspector-debugging-node-js/ 用node-inspector调试Node.js   2011年12月15日 | 标签: JavaScript, Node.js, 调试   重要:因为node和node-inspector更新了的缘故,现在的界面有一些不同,抽空我会更新一下.另外,下面的debug参数前应该是两个“-”,不知道为什么显示出来只有一个“-”.比较郁闷. 据说,一个…
WebStorm中配置node.js(Windows) 一.node 1.下载安装包 32 位 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi 64 位 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi 步骤 1 : 双击安装包 ,如下: 步骤 2 : 点击Run,如下: 步骤 3 : 勾选I accept,点击 next : 步骤 4 : Node.js,路径可以修改,点击next…
Good News: 现在我们可以用浏览器调试node.js了!!! 前提 Node.js 6.3+, 这个可上Node.js官网自行下载: Chrome 55+. 如果您本地的chrome升级到最新版后还是<55, 可以从此处下载:Chrome Canary,亲测可行. 配置 就目前来说,在浏览器端并行调试JavaScript与Node.js还属于新特性,新体验.为了能够正常使用,你还需要做如下配置: 输入url:chrome://flags/#enable-devtools-experime…
调试 node.js 程序 在程序开发中,如何快速的查找定位问题是一项非常重要的基本功.在实际开发过程中,或多或少都会遇到程序出现问题导致无法正常运行的情况,因此,调试代码就变成了一项无法避免的工作.这里简单介绍下如何调试 node.js 程序. 使用 console.log Node 提供了全局的 console 对象,该对象可以输出格式化的字符串. console.log 是调试 Node 模块最简单的工具,console.log 主要有两个作用:一是将对象序列化为一个字符串,另一个是向标准…
原文链接 : Debugging Node.js in Chrome DevTools 原文作者 : MATT DESLAURIERS 译文出自 : 掘金翻译计划 译文链接 : https://github.com/sqrthree/sqrthree.github.io/issues/8 译者 : sqrthree (根号三) 校对者: shenxn.CoderBOBO 这篇文章介绍了一种在 Chrome 开发者工具里面开发.调试和分析 Node.js 应用程序的新方法. devtool 最近我…
命令行工具 devtool ,它可以在 Chrome 的开发者工具中运行 Node.js 程序. 下面的记录显示了在一个 HTTP 服务器中设置断点的情况. 该工具基于 Electron 将 Node.js 和 Chromium 的功能融合在了一起.它的目的在于为调试.分析和开发 Node.js 应用程序提供一个简单的界面. 你可以使用 npm 来安装它: npm install -g devtool 在某种程度上,我们可以用它来作为 node shell 命令的替代品.例如,我们可以这样打开一…
大部分基于 Node.js 的应用都是执行在浏览器中的, 比如强大的调试工具 node-inspector. node-inspector 是一个全然基于 Node.js 的开源在线调试工具,提供了强大的调试功能和友好 的用户界面,它的用法十分简便. 首先,使用 npm install -g node-inspector 命令安装 node-inspector,然后在终 端中通过 node --debug-brk=5858 debug.js 命令连接你要除错的脚本的调试server, 启动 no…
环境: Visual Studio Code  Node.js 1. 关闭运行中的程序 2.打开入口文件,我这里的入口文件为 app.js 3.点击左侧菜单栏的 debug 按钮 4.点击运行按钮 5.打开控制台,把这里往上拉 选择调试控制台 6.在需要断点的地方打上红点 7.运行程序 我们可以看到黄色的地方就是我们打的断点,我们可以在最上面的这里调试程序 也可以使用快捷键 F10.F11 进行调试 把光标覆盖到变量上可以查看当前时刻变量的值 我们可以再左侧栏处查看调试相关的东西 在断点处,我们…
如果你在编写Node.js代码,node-inspector是必备之选,比Node.js的内置调试器好出许多.使用起来跟Chrome的javascript调试器很相似. 使用npm安装: $ npm install -g node-inspector 然后需要通过浏览器连接到node-inspector,需要启动inspector服务: $ node-inspector 然后要在新的控制台以debug模式运行node.js应用: $ node --debug app.js 通过URL http:…
当项目逐渐扩大以后,功能越来越多,这时有的时候需要增加或者修改,同时优化某些功能,就有可能出问题了.针对于线上Linux环境我们应该如何调试项目呢? 别怕,Node.js已经为我们考虑到了. 通过 node debug 对应的js文件 即可调试程序 例如: node debug hello.js 控制台输出: 如何调试,通常有这么几个命令可供参考使用: (1)cont(相当于继续执行): (2)next(跳到下一个语句): (3)step(进入当前执行函数中的语句): (4)out(跳出当前执行…
如果你在编写Node.js代码,node-inspector是必备之选,比Node.js的内置调试器好出许多.使用起来跟Chrome的javascript调试器很相似. 使用npm安装: $ npm install -g node-inspector 然后需要通过浏览器连接到node-inspector,需要启动inspector服务: $ node-inspector & 最后以debug模式运行node.js应用: $ node --debug app.js 通过URL http://127…
Debugging Node.js with Chrome DevTools https://nodejs.org/en/docs/guides/debugging-getting-started/ 1. PS C:\Users\clu\Documents\NodeApp\Test> node --inspect .\app.jsDebugger listening on ws://127.0.0.1:9229/34c03922-857b-4e6d-82cf-30dbf27a76ffFor he…
安装node相关 从node官网下载node的安装文件,我下的版本是node-v0.10.22-x64.exe,安装完node,node相关工具应该都加都环境变量path中了. 命令行下安装node-inspector(调试器) npm -g install node-inspector 安装完后,就可以按照node-inspector的github主页上进行调试了,但步骤比较麻烦,用sublime简化步骤. 安装sublime2 从sublime官网下载并安装sublime2(不安装3的bet…
{ "type": "node", "request": "attach", "name": "调试名称", "address": "远程调试IP地址", "port": 端口号, "localRoot": "${workspaceFolder}", "remoteRoot&qu…
官方的文档写的太好了!大家还是看参考资料吧. 参考资料: Debugging in Visual Studio Code Debug Node.js Apps using Visual Studio Code…
折腾半天,还是webstorm顺手,但也遇到一些小问题. 1.代码补全问题 nodeJS自身的补全 File->Project Setting->JavaScript->Libraries,添加并勾选nodeJs的lib路径. express的补全 webstorm安装express库以后,并没有代码补全功能,需要再下一个东西.在Librararies下,点击Download,左上角选择TypeScript Community Stubs ,列表中选择Express下载并安装,libra…
直接上图:…
1.全局安装 node-inspector  cnpm install -g node-inspector 2.启动node项目入口文件,如 node --inspect index.js 3.控制台将出现如下地址字样,将后面的路径放到chrome中打开. Debugger listening on ws://{host}:{port}/8483d157-1020-49ac-b537-4 4.在chrome中看到如下页面,右键检查,调试页面就出来了,再点击图中的红圈图标,出来最终的调试界面,这时…
其实也很简单 点击“Add Configration..”后,会在launch.json增加一个节点,稍调整两个位置 以上完了后,就能在cpp源码里加上自己的断点,执行debug调试我们的C++源代码了.记住这个“(Windows) Launch",下面一步会选择它.当然你也可以自己改另一个名字 点击“三角”程序就会跑起来,没有问题的话,程序会停在执行过程中遇到的第一个“断点”的位置. 有一点需要注意:在我们修改代码后,必须要执行一次build node-gyp build 如果我们已有多年使用…
首先,环境变量Path中加入nodejs的路径: 验证nodejs是否已经加入环境变量: 接着,重新启动Visual Studio Code, 试一下,是不是好了~   附录:Visual Studio Code 调试 nodeJS launch.json…
前言 相信大家接触过不少node代码了,如果你应用的比较初级或者针对你的项目不需要接触过深的node代码,也许你仅仅需要简单的console.log('your variable')就完全满足你的需要了.如果你应用node比较深入,想要调试(debug)之,我想你应该接触过node-inspector,大致用法流程,简单如下—— 1.安装:npm install -g node-inspector 2.启动debug模式(单独命令行): node-debug &(该命令默认8080端口) nod…
1.命令行调试: Node.js调试命令: run 执行脚本,在第一行暂停 restart 重新执行脚本 cont,c 继续执行,知道遇到下一个断点 next,n 单步执行 step,s 单步执行,并进入函数 out,o 从函数中布出 setBreakpoint{},sb{} 在当前行设置断点 setBreakpoint{'f{}'},ab(...) 在函数的第一行设置断点 serBreakpoint{'script.js',20},sb(...) 在script.js的第20行设置断点 cle…
用了几天node.js感觉很新奇,但是调试问题实在是愁煞人,开始的时候懒的学习调试方法,看看异常内容就可以了,但随着代码复杂程度的上升,并不是所有错误都是语法错误了,不调试搞不定了,只好搜搜资料,学习了一下怎么调试. 不用每次都重启服务的supervisor 使用过PHP的同学肯定都清楚,修改了某个脚本文件后,只要刷新页面服务器就会加载新的内容,但是node.js在第一次引用到某个文件解析后会将其放入内存,下次访问的时候直接在内存中获取,以提高效率,但是这对我们开发造成一定困扰,修改了某个mod…
在开发或调试Node.js应用程序的时候,当你修改js文件后,总是要按下CTRL+C终止程序,然后再重新启动,即使是修改一点小小的参数,也 总是要不断地重复这几个很烦人的操作.这是因为Node.js 只有在第一次引用到某部份时才会去解析脚 本文件,以后都会直接访问内存,避免重复载入. Node.js的这种设计虽然有利于提高性能,却不利于开发调试,因为我们在开发过程中总是希望修改后立即看到效果,而不是每次都要终止进程并重启. 有没有办法做到当文件修改之后,Node.js自动重新启动(或重新加载文件…
之前有发布一篇文章“e2e 自动化集成测试 环境搭建 Node.js Selenium WebDriverIO Mocha Node-Inspector”, 主要是讲了,如何搭建环境, 其中开发环境使用的是微软的Visual Studio, 使用之后, 我发现,其它并不怎么好用, 发面收费版的WebStorm对于开发Node.js其实是更为方便. 建议使用WebStorm来作为开发环境. 可以试用30天,当然你可以获得License, 方法你懂的... 前言 Node.js是开源的,基于Java…
web前端开发IDE一直喜欢用WebStorm,这里简单介绍如何用WebStorm搭建一个Node.js开发环境. 首先,需要在本地安装好node.js,以及npm包管理工具.你也可以吧node.js配置到系统的环境变量中更方便. 然后,启动WebStorm,打开Edit Configurations窗口,可以点击工具栏Run—>Edit Configurations,也可以右上角 打开服务配置窗口,在左侧添加服务,右侧配置属性. 回到入口文件:mian.js,这里跟模块管理工具require.…
Node.js绝对是一个web开发的热点话题,作为web神器的WebStorm也是开发Node.js的佼佼者. 接下来就Node.js项目在WebStorm的配置操作就行详细的讲解,首先是创建项目.两种方式完成Node.js项目创建. 直接创建新的项目,下面将通过创建一个新的Express app作为例子,一步步完成创建. 在WebStorm欢迎界面,点击New Project并选择Express app模板. 选择Express配置,WebStorm将定位Node.js和NPM. 随后WebS…
一般大家调试都是在浏览器端调试js的,不过有些时候也想和后台一样在代码工具里面调试js或者node.js,下面介绍下怎样在vscode里面走断点. 1,用来调试js 一:在左侧扩展中搜索Debugger for Chrome并点击安装: 二:在自己的html工程目录下面点击f5,或者在左侧选择调试按钮 ,在上方 ,选择下拉按钮,会有一个添加,选择chrome 3:之后会出现laungh.json的配置文件在自己的项目目录下面 4:不过对于不同的代码文件要调试的话,每次都需要修改一下配置文件 {…