码迷,mamicode.com
首页 > Web开发 > 详细

sublime配置nodejs运行调试js

时间:2018-07-09 23:15:15      阅读:224      评论:0      收藏:0      [点我收藏+]

标签:安装   配置   sublime   bsp   node   com   soft   下载   分享图片   

node.js调试javascript的配置

1. 首先到 nodejs.org 下载 Node.js 安装包并安装。
2. 打开 Sublime Text 编辑器。选择菜单 Tools --> Build System --> new Build System...
3. 将文件保存为 JavaScript.sublime-build
4. 文件内容为:
{
"cmd": ["node", "$file"],
"file_regex": "^[ ]*File \"(...*?)\", line ([0-9]*)",
"selector": "source.javascript"
}
5. 重新启动 Sublime Text 勾选菜单 Tools --> Build System --> JavaScript
6. 可以使用 Ctrl + b 来执行JavaScript 程序.


  node.js调试web需要安装和配置一些插件。node.js升级到8版本之后,不支持安装插件node-inspector,自带了
inspect插件。如果需要使用node-inspector插件,使用nvm切换使用nodejs6.X版本,然后再安装插件。
nvm install 6.1.0
nvm use 6.1.0
npm install -g node-inspector

1.安装node-inspector

npm install -g node-inspector

2.安装完成之后启动 inspector 服务:

node-inspector &

 

技术分享图片


3.在chrome浏览器中打开:http://127.0.0.1:8080/?port=5858

4.打开想要debug的js文件例如app.js,在代码中打上断点:debugger;例如:

 

技术分享图片


5.cmd进到项目文件app.js执行入口文件:node --debug app.js

技术分享图片


6.刷新刚刚打开的浏览器:

 

技术分享图片


 

7.测试:我这个例子是需要post的,我在postman里面调这个接口:

 

技术分享图片


8.打开浏览器就看到代码已经进入到debuger了,调试的技巧跟js的基本全部一样,一步步执行即可

 

技术分享图片


 

9.一步步执行之后cmd就会打印console.log()的信息

 

技术分享图片


浏览器中也能看到log信息:

 

技术分享图片

sublime配置nodejs运行调试js

标签:安装   配置   sublime   bsp   node   com   soft   下载   分享图片   

原文地址:https://www.cnblogs.com/Jamie1032797633/p/9281996.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!