node.js在webstorm 11中的调试
来源:互联网 发布:heading标签优化 编辑:程序博客网 时间:2024/06/06 12:31
最近在看node.js,简单记录一下怎么在webstorm 11中运行和调试js代码。
1. 安装node.js,网上教程很多,不会的可以参考这个教程 ,如果你需要修改模块安装的默认路径,请先不要安装其他模块。
1.1 安装完成后,可以运行命令看一下这里使用的是4.4.2
1.2 修改npm配置的默认路径
如果不修改npm下载模块的默认位置,默认的安装路径是:C:\Users\Administrator\AppData\Roaming下的npm和npm-cache, 所有的模块都安装在这里
修改方式1:
找到node安装路径,依次进入node_modules->npm,如:D:\install\node\node_modules\npm,找到npmrc文件,打开编辑如下。
prefix配置npm的全局模块的存放路径,cache是缓存路径,具体结构不是很清楚,大概含义是:安装的模块都在prefix路径,cache是缓存的一些模块的版本、包的信息。
修改方式2:
使用命令行,在cmd窗口中使用如下命令行
npm config set prefix "D:\nodeModule\node_global"
npm config set cache "D:\nodeModule\node_cache"
经过测试,只有当前设置下有效有效,重新打开cmd窗口后,使用的还是在默认路径下。可能需要使用管理员身份运行cmd窗口才能设置成功,有兴趣的可以自己测试下。使用方式1,简单快捷。哈哈
需要安装的模块有几个,推荐安装在教程里面都有,我就不重复了。
2.安装webstorm 11,网上也有,包括怎么注册,汉化。这个地址可以下载(密码:whte),里面有注册和汉化教程,请支持正版软件。用不了的可以在这里下载,下载地址选择:其他下载地址。不懂意思的话就没办法了
3.打开webstorm 11,可能需要配置node的目录,已经汉化的如下图,创建一个工程。文件(file)-->新建(new project)
新建一个hello.js,里面就两行代码代码,如下:
配置成如下,node interpreter是你安装的node.exe的路径我这个已经是配置好了的,第一次打开可能需要自己配置,其他的配置估计不成问题:
然后找到如下所示的图标,选择node.js,修改显示的名称为hello
回到工程界面:看到如下效果,
点击run可以运行,可以看到效果如此下:
调试的话,就选择旁边的debug即可:单击行号可以添加一个断点。仅运行到断点处。点击后的效果如下:
控制台显示的效果如下,这里显示运行的端口号是51411,这个端口号是一个变化的端口号,需要自行查看,前端访问
localhost:51411。看到结果。
在webstorm中,点击如下按钮,可以运行到下一个断点,其他的慢慢摸索着使用,到这里已经可以调试了。
4.可能需要注意的事项:
4.1:修改代码后,最好点击上图中的红色方块按钮,再重新点击小虫子按钮。请说人话:需要重启。
4.2:如果代码有错,可能够访问不到debug提示的端口。
4.3:网上也有其他的调试方式,这只是最简单的方式,如:创建一个service.js,里面的代码如下,
按照上述方式配置后,可直接访问localhost:8888,也可以访问,当然也可以在这个上面进行扩展和调试js。
var http = require("http");
http.createServer(function(request, response) {
console.log("运行到了createService");
response.writeHead(200, {"Content-Type": "text/plain"});
response.write("Hello World,two");
response.end();
}).listen(8888);
- node.js在webstorm 11中的调试
- webstorm配置node.js
- JetBrains WebStorm、node.js
- node.js 和WebStorm
- 使用WebStorm调试node工程
- WebStorm Tomcat 调试 js
- webstorm js调试工具
- node.js+WebStorm学习笔记
- coffee在node.js的调试---inspector
- 在VSCODE 调试 NODE.js 部署环境
- webstorm调试node(express 框架)
- 在webstorm下调试pomelo
- 自学Node.js: WebStorm+Node.js开发环境的配置
- 自学Node.js: WebStorm+Node.js开发环境的配置
- 【Node.js】WebStorm+Node.js开发环境的配置
- 自学Node.js: WebStorm+Node.js开发环境的配置
- 自学Node.js: WebStorm+Node.js开发环境的配置
- 自学Node.js: WebStorm+Node.js开发环境的配置
- 归并排序求逆序对
- Spring学习笔记(四)-- Spring事务全面分析
- 如何确定函数依赖和其作用
- 其他浏览器均正常显示,uc不显示效果
- 可以免费自学编程的12个网站
- node.js在webstorm 11中的调试
- Android-BroadcastReceiver详解
- iOS开发总结之自定义等高cell03-xib
- OpenCV学习笔记(六)(七)(八)(九)(十)
- Nodejs数据流(Stream)手册
- MyEclipse项目下jquery文件报错
- Aizu 2224 Save your cats【最大生成树】
- 黑马程序员基础评测:Java编程基础
- 使用struct ifreq实现ifconfig