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 相关文章推荐
JavaScript加密解密7种方法总结分析
Oct 07 Javascript
P3P Header解决Cookie跨域的问题
Mar 12 Javascript
javascript:void(0)使用探讨
Aug 27 Javascript
jquery使用append(content)方法注意事项分享
Jan 06 Javascript
jquery实现界面无刷新加载登陆注册
Jul 30 Javascript
js中用cssText设置css样式的简单方法
Sep 19 Javascript
JavaScript实现弹出广告功能
Mar 30 Javascript
将angular.js项目整合到.net mvc中的方法详解
Jun 29 Javascript
JavaScript模块模式实例详解
Oct 25 Javascript
express框架下使用session的方法
Jul 31 Javascript
vue学习笔记之过滤器的基本使用方法实例分析
Feb 01 Javascript
解决在Vue中使用axios POST请求变成OPTIONS的问题
Aug 14 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
让你同时上传 1000 个文件 (二)
2006/10/09 PHP
php5 and xml示例
2006/11/22 PHP
php命名空间学习详解
2014/02/27 PHP
CodeIgniter中使用Smarty3基本配置
2015/06/29 PHP
PHP+MySql实现一个简单的留言板
2020/07/19 PHP
js验证表单第二部分
2006/11/25 Javascript
有关javascript的性能优化 (repaint和reflow)
2013/04/12 Javascript
解析Jquery取得iframe中元素的几种方法
2013/07/04 Javascript
JS+CSS实现可以凹陷显示选中单元格的方法
2015/03/02 Javascript
js实现touch移动触屏滑动事件
2015/04/17 Javascript
深入浅出理解javaScript原型链
2015/05/09 Javascript
jquery实现简单的自动播放幻灯片效果
2015/06/13 Javascript
javascript引用类型之时间Date和数组Array
2015/08/27 Javascript
如何高效率去掉js数组中的重复项
2016/04/12 Javascript
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
2016/09/24 Javascript
bootstrap weebox 支持ajax的模态弹出框
2017/02/23 Javascript
基于vue监听滚动事件实现锚点链接平滑滚动的方法
2018/01/17 Javascript
Vue.JS实现垂直方向展开、收缩不定高度模块的JS组件
2018/06/19 Javascript
tracking.js实现前端人脸识别功能
2020/04/16 Javascript
JavaScript中遍历的十种方法总结
2020/12/15 Javascript
Python常见异常分类与处理方法
2017/06/04 Python
在Python的一段程序中如何使用多次事件循环详解
2017/09/07 Python
python生成器,可迭代对象,迭代器区别和联系
2018/02/04 Python
Python中一些不为人知的基础技巧总结
2018/05/19 Python
转换科学计数法的数值字符串为decimal类型的方法
2018/07/16 Python
使用python 打开文件并做匹配处理的实例
2019/01/02 Python
浅谈python新式类和旧式类区别
2019/04/26 Python
python爬虫爬取淘宝商品比价(附淘宝反爬虫机制解决小办法)
2020/12/03 Python
美国批发零售网站:GearXS
2016/07/26 全球购物
Vision Direct比利时:在线订购隐形眼镜
2019/08/27 全球购物
介绍一下XMLHttpRequest对象的常用方法和属性
2013/05/24 面试题
琅琊山导游词
2015/02/05 职场文书
会计做账心得体会
2016/01/22 职场文书
检讨书之工作不认真
2019/08/14 职场文书
python实现自定义日志的具体方法
2021/05/28 Python
Win11控制面板快捷键是什么?Win11打开控制面板的方法汇总
2022/07/07 数码科技