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判断undefined变量类型使用typeof
Jun 03 Javascript
javascript使用onclick事件改变选中行的颜色
Dec 30 Javascript
jQuery中prev()方法用法实例
Jan 08 Javascript
JavaScript中扩展Array contains方法实例
Aug 23 Javascript
JS设置cookie、读取cookie
Feb 24 Javascript
使用JavaScript脚本判断页面是否在微信中被打开
Mar 06 Javascript
解决ajax不能访问本地文件问题(利用js跨域原理)
Jan 24 Javascript
Bootstrap标签页(Tab)插件使用方法
Mar 21 Javascript
JS匿名函数内部this指向问题详析
May 10 Javascript
element-ui 文件上传修改文件名的方法示例
Nov 05 Javascript
JS通用方法触发点击事件代码实例
Feb 17 Javascript
如何使用jQuery操作Cookies方法解析
Sep 08 jQuery
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
深入file_get_contents与curl函数的详解
2013/06/25 PHP
Yii2中设置与获取别名的函数(setAlias和getAlias)用法分析
2016/07/25 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
PHP观察者模式示例【Laravel框架中有用到】
2018/06/15 PHP
thinkPHP框架实现多表查询的方法
2018/06/14 PHP
php函数式编程简单示例
2019/08/08 PHP
jquery select操作的日期联动实现代码
2009/12/06 Javascript
javascript Array.prototype.slice使用说明
2010/10/11 Javascript
关于用Jquery的height()、width()计算动态插入的IMG标签的宽高的问题
2010/12/08 Javascript
浅说js变量
2011/05/25 Javascript
面向对象的Javascript之一(初识Javascript)
2012/01/20 Javascript
JS文本获得焦点清除文本文字的示例代码
2014/01/13 Javascript
20条学习javascript的编程规范的建议
2014/11/28 Javascript
JS判断iframe是否加载完成的方法
2016/08/03 Javascript
vue2组件实现懒加载浅析
2017/03/29 Javascript
JS+HTML5实现上传图片预览效果完整实例【测试可用】
2017/04/20 Javascript
Vue2.0基于vue-cli+webpack父子组件通信(实例讲解)
2017/09/14 Javascript
vue2.0 实现导航守卫(路由守卫)
2018/05/21 Javascript
Angular-UI Bootstrap组件实现警报功能
2018/07/16 Javascript
[46:47]2014 DOTA2国际邀请赛中国区预选赛5.21 LGD-CDEC VS NE
2014/05/22 DOTA
Python Requests库基本用法示例
2018/08/20 Python
python爬取微信公众号文章的方法
2019/02/26 Python
django foreignkey外键使用的例子 相当于left join
2019/08/06 Python
Python中输入和输出(打印)数据实例方法
2019/10/13 Python
CSS3 实现的缩略图悬停效果
2020/12/09 HTML / CSS
英国家庭和商业健身器材购物网站:Fitness Options
2018/07/05 全球购物
华为的Java面试题
2014/03/07 面试题
小学教研工作制度
2014/01/15 职场文书
八项规定整改措施
2014/02/12 职场文书
飘柔洗发水广告词
2014/03/14 职场文书
2014年五四青年节活动策划书
2014/04/22 职场文书
六年级学生评语大全
2014/12/26 职场文书
打架检讨书
2015/01/27 职场文书
2015年社区国庆节活动总结
2015/07/30 职场文书
导游词之南迦巴瓦峰
2019/11/19 职场文书
html实现弹窗的实例
2021/06/09 HTML / CSS