sublime text配置node.js调试(图文教程)


Posted in Javascript onNovember 23, 2017

1. 首先到 nodejs.org 下载 Node.js 安装包并安装。

2. 打开 Sublime Text 2 编辑器。选择菜单 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 2. 勾选菜单 Tools --> Build System --> JavaScript

6. 可以使用 Ctrl + b 来执行JavaScript 程序.

调试web程序的步骤如下:

1.安装node-inspectornpm install -g node-inspector

2.安装完成之后启动 inspector 服务:node-inspector & sublime text配置node.js调试(图文教程)

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

4.打开想要debug的js文件例如app.js,在代码中打上断点:debugger;例如: sublime text配置node.js调试(图文教程)

5.cmd进到项目文件app.js执行入口文件:node --debug app.js sublime text配置node.js调试(图文教程)

6.刷新刚刚打开的浏览器: sublime text配置node.js调试(图文教程)

7.测试:我这个例子是需要post的,我在postman里面调这个接口: sublime text配置node.js调试(图文教程)

8.打开浏览器就看到代码已经进入到debuger了,调试的技巧跟js的基本全部一样,一步步执行即可 sublime text配置node.js调试(图文教程)

9.一步步执行之后cmd就会打印console.log()的信息 sublime text配置node.js调试(图文教程)浏览器中也能看到log信息: sublime text配置node.js调试(图文教程)

以上这篇sublime text配置node.js调试(图文教程)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
JS控制显示隐藏兼容问题(IE6、IE7、IE8)
Apr 01 Javascript
cloudgamer出品ImageZoom 图片放大效果
Apr 01 Javascript
基于jquery实现的服务器验证控件的启用和禁用代码
Apr 27 Javascript
javascript面向对象编程(一) 实例代码
Jun 25 Javascript
在javascript将NodeList作为Array数组处理的方法
Jul 09 Javascript
javascript中检测变量的类型的代码
Dec 28 Javascript
javascript+html5实现仿flash滚动播放图片的方法
Apr 27 Javascript
JavaScript中this的9种应用场景及三种复合应用场景
Sep 12 Javascript
详解javascript数组去重问题
Nov 06 Javascript
js实时监控文本框输入字数的实例代码
Jan 18 Javascript
vue form 表单提交后刷新页面的方法
Sep 04 Javascript
Node.js 实现抢票小工具 & 短信通知提醒功能
Oct 22 Javascript
Vue代码分割懒加载的实现方法
Nov 23 #Javascript
初探js和简单隐藏效果的实例
Nov 23 #Javascript
详解如何在angular2中获取节点
Nov 23 #Javascript
Vuejs中使用markdown服务器端渲染的示例
Nov 22 #Javascript
浅谈Vue-cli 命令行工具分析
Nov 22 #Javascript
JavaScript数据结构与算法之队列原理与用法实例详解
Nov 22 #Javascript
深入理解Vue官方文档梳理之全局API
Nov 22 #Javascript
You might like
PHP学习之PHP运算符
2006/10/09 PHP
javascript,php获取函数参数对象的代码
2011/02/03 PHP
精美漂亮的php分页类代码
2013/04/02 PHP
PHP 类与构造函数解析
2017/02/06 PHP
php实现单笔转账到支付宝功能
2018/10/09 PHP
通过MSXML2自动获取QQ个人头像及在线情况(给初学者)
2007/01/22 Javascript
Javascript公共脚本库系列(一): 弹出层脚本
2011/02/24 Javascript
onclick与listeners的执行先后问题详细解剖
2013/01/07 Javascript
Extjs4 GridPanel 的几种样式使用介绍
2013/04/18 Javascript
jQuery 插件开发指南
2014/11/14 Javascript
简介JavaScript中setUTCSeconds()方法的使用
2015/06/12 Javascript
JS简单生成两个数字之间随机数的方法
2016/08/03 Javascript
Laravel中常见的错误与解决方法小结
2016/08/30 Javascript
easyUI实现类似搜索框关键词自动提示功能示例代码
2016/12/27 Javascript
AngularJS实现的自定义过滤器简单示例
2019/02/02 Javascript
[01:18:36]LGD vs VP Supermajor 败者组决赛 BO3 第一场 6.10
2018/07/04 DOTA
Linux下编译安装MySQL-Python教程
2015/02/02 Python
python使用pil生成缩略图的方法
2015/03/26 Python
编写Python脚本批量下载DesktopNexus壁纸的教程
2015/05/06 Python
Python functools模块学习总结
2015/05/09 Python
Python进度条实时显示处理进度的示例代码
2018/01/30 Python
python破解zip加密文件的方法
2018/05/31 Python
浅谈Series和DataFrame中的sort_index方法
2018/06/07 Python
在IPython中进行Python程序执行时间的测量方法
2018/11/01 Python
python操作日志的封装方法(两种方法)
2019/05/23 Python
Python qqbot 实现qq机器人的示例代码
2019/07/11 Python
python实现在一个画布上画多个子图
2020/01/19 Python
Keras使用tensorboard显示训练过程的实例
2020/02/15 Python
pycharm 关掉syntax检查操作
2020/06/09 Python
Christys’ Hats官网:英国帽子制造商
2018/11/28 全球购物
最新大学生自我评价
2013/09/24 职场文书
工会优秀工作者事迹
2014/08/17 职场文书
2014最新预备党员思想汇报范文:中国梦,我的梦
2014/10/25 职场文书
美丽的大脚观后感
2015/06/03 职场文书
《假如》教学反思
2016/02/17 职场文书
python垃圾回收机制原理分析
2022/04/13 Python