WebStorm配置node.js调试

最近因为工作关系,一直在做node.js的开发,学习了koa框架,orm框架sequelize,以及swagger文档的配置。但是,最近因为swagger文档使用了es6的修饰器那么个东西(在java中被称作注解),所以,node.js无法编译项目,所以就需要使用babel对es6进行转换。因为这篇文章是想写一下,如何配置使用了babel转换器的debug方法,至于怎么配置koa-swagger-decorator,我会在短期内,写篇文章专门来做这个插件的介绍。

其实,node在6版本的时候,已经内置了debugger调试器,所以在webstorm中,只需要点击这里,配置相关node设置就好。具体参加下面实例:

然后选择node.js配置项:

之后就配置Configuration选项卡里的内容就行了,例如:

下面简单说明一下,Configuration选项卡中,前四项都代表什么意思:

Node interpreter:这个参数是说使用什么启动程序,默认的是 `node`,
Node parameters:这个是对于node 的启动参数,
Working directory: 项目的路径,
JavaScript file: 入口文件

如果没有babel的话,node.js运行以及调试的环境就已经算是搭建完毕,在webstorm只需要点击运行和调试按钮就行了。但是,如果项目中用了es6,一不小心还用了babel转换器,那么这个方法,就不能用了,接下来我会讲一下有babel的话,需要怎么配置。

首先,我们在终端中,先安装node-inspect,而且是安装成全局的,命令为:npm install -g node-inspect。之后打开配置启动项的页面,重新添加一个node.js配置:

注意特别标注的那部分,启动程序不要使用node了,需要换成项目路径下\node_modules\.bin\babel-node.cmd选项,并且,在启动参数那块填写:--inspect-brk app.js,意味着需要使用这个东西来启动调试。都配置好之后,就可以在webstorm中下断点,直接进行调试了。

原文地址:https://www.cnblogs.com/liuqiuyue/p/8908970.html

时间: 2024-10-13 00:43:44

WebStorm配置node.js调试的相关文章

WebStorm配置Node.js IDE

开始刚学的时候一直用命令行来运行Node.js,网上找了些配置Node.js IDE配置的贴子,说WebStorm配置IDE最简单,自己就试了下. 1.首先安装Node这步就不说了 2.下载WebStorm并安装,一步一步的安装这个也很简单. 3.密钥注册  这个百度上可以搜一下也有好多,看自己的造化了 4.下载Node.js IDE,http://www.jetbrains.com/webstorm/download/,然后一步一步下去就配置完成,这样就会在新建项目时多一个下面的选项 具体参考

node.js调试

不用每次都重启服务的supervisor 使用过PHP的同学肯定都清楚,修改了某个脚本文件后,只要刷新页面服务器就会加载新的内容,但是node.js在第一次引用到某个文件解析后会 将其放入内存,下次访问的时候直接在内存中获取,以提高效率,但是这对我们开发造成一定困扰,修改了某个module后只能重启服务器后才能生效,调试起 来效率还是很低的. 于是乎node.js中有了supervisor插件帮我们坚实文件改动,自动重启服务器,supervisor是node.js的一个包,安装起来很简单,使用n

在 Ubuntu 14.04/15.04 上配置 Node JS v4.0.0

大家好,Node.JS 4.0 发布了,这个流行的服务器端 JS 平台合并了 Node.js 和 io.js 的代码,4.0 版就是这两个项目结合的产物——现在合并为一个代码库.这次最主要的变化是 Node.js 封装了4.5 版本的 Google V8 JS 引擎,与当前的 Chrome 所带的一致.所以,紧跟 V8 的发布可以让 Node.js 运行的更快.更安全,同时更好的利用 ES6 的很多语言特性. Node.js 4.0 发布的主要目标是为 io.js 用户提供一个简单的升级途径,所

mac下配置Node.js开发环境、express安装、创建项目

mac下配置Node.js开发环境.express安装.创建项目 一.node.js的安装 去官网下载对应的平台版本就可以了,https://nodejs.org 二.express安装 sudo npm install -g express 进行全局安装. 这时有可能会安装不成功,用下面的命令即可 sudo npm install express-generator -g 三.创建项目 终端输入 express -e 你的项目名称 -e 为使用ejs框架 express默认为jade,为了 学

WebStorm中Node.js项目配置教程——项目设置

上一章讲解了Node.js项目在WebStorm中的两种创建方式,当完成Node.js项目创建以后,剩下的就是涉及配置设置工作. 为了确保Node.js全局和Node.js核心模块的代码完成功能,打开Settings|Languages & Frameworks | JavaScript|Libraries进行设置: 值得注意的是:WebStorm将建议创建一个Node.js依赖的JavaScript库,并添加到列表用于代码完成.语法突出显示.导航和文档查找等. 对于Express框架,可以直接

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: 步骤 5 : 选择你需要的安装模式 , 点击next

sublime text3配置node.js开发环境

今天配置sublime下node.js网上搜索很多方法. 首先:传统的方法是 1.GIT方法 可直接输入 Git clone https://github.com/tanepiper/SublimeText-Nodejs "D:\ProgramFiles\Sublime Text 3\Data\Packages\nodejs" 声明:这里的路径指的是下图中的目录. 之后就是把encoding修改成utf8格式 但是运行后 发觉wendows下的每次编译并不能杀死之前的进程. 2.so更

window7 配置node.js 和coffeescript环境

前两天看了coffeescript,基于node.js,顺带配置一个node环境吧,折腾了好久 1.从 node.js 下载msi安装环境 安装完成之后打开安装目录,可以看到一个 node.exe 打开可以在里面执行js代码,类似chrome的console,注意 不是在这里执行node命令的!下面所有的执行环境都是cmd. 打开cmd,输入 node -v 会返回当前的node版本,表示安装成功 最新的安装包里已经自带了npm,同理 npm -v 查看npm是否安装成功 2.安装coffees

cesium配置node.js方法

搭建服务器 想要运行Cesium程序,我们需要一个本地的服务器来host我们的文件,接下来我们将要使用Node.js来完成我们的教程(我自己使用的是IIS).假如你已经有一个了那你用就是了,没关系的,只要记住host的是那个我们上面创建的root就行. 搭建node.js很简单,只要3步. 1.  下载并安装Node.js,一切默认配置就行. 2.  在root目录打开命令行,通过npm install connect安装connect package.这样将会在我们的root目录中创建一个'n