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 相关文章推荐
jquery表单验证使用插件formValidator
Nov 10 Javascript
解析js如何获取当前url中的参数值并复制给input
Jun 23 Javascript
深入理解javascript中return的作用
Dec 30 Javascript
JavaScript操作DOM元素的childNodes和children区别
Apr 01 Javascript
jQuery实现Tab选项卡切换效果简单演示
Nov 23 Javascript
轻松理解JavaScript之AJAX
Mar 15 Javascript
jQuery插件FusionCharts绘制ScrollColumn2D图效果示例【附demo源码下载】
Mar 22 jQuery
javaScript 逻辑运算符使用技巧整理
May 03 Javascript
VUE中的无限循环代码解析
Sep 22 Javascript
JS正则表达式常见用法实例详解
Jun 19 Javascript
vue微信分享出来的链接点开是首页问题的解决方法
Nov 28 Javascript
微信小程序实现横向滚动导航栏效果
Dec 12 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 设置MySQL连接字符集的方法
2011/01/02 PHP
PHP面向对象的进阶学习(抽像类、接口、final、类常量)
2012/05/07 PHP
php+ajax实现文章自动保存的方法
2014/12/30 PHP
Yii2使用自带的UploadedFile实现的文件上传
2016/06/20 PHP
PHP 信号管理知识整理汇总
2017/02/19 PHP
PHP htmlspecialchars_decode()函数用法讲解
2019/03/01 PHP
如何运行/调试你的PHP代码
2020/10/23 PHP
javascript下过滤数组重复值的代码
2007/09/10 Javascript
JavaScript词法作用域与调用对象深入理解
2012/11/29 Javascript
JS通过分析userAgent属性来判断浏览器的类型及版本
2014/03/28 Javascript
JS模式之单例模式基本用法
2015/06/30 Javascript
jquery动态导航插件dynamicNav用法实例分析
2015/09/06 Javascript
JS奇技之利用scroll来监听resize详解
2017/06/15 Javascript
在vue项目中引入高德地图及其UI组件的方法
2018/09/04 Javascript
node.js使用stream模块实现自定义流示例
2020/02/13 Javascript
Python实现二叉树结构与进行二叉树遍历的方法详解
2016/05/24 Python
Python文本相似性计算之编辑距离详解
2016/11/28 Python
Python画柱状统计图操作示例【基于matplotlib库】
2018/07/04 Python
Selenium(Python web测试工具)基本用法详解
2018/08/10 Python
Python控制键盘鼠标pynput的详细用法
2019/01/28 Python
Pytorch中实现只导入部分模型参数的方式
2020/01/02 Python
Pycharm debug调试时带参数过程解析
2020/02/03 Python
python 常用日期处理-- datetime 模块的使用
2020/09/02 Python
Django-celery-beat动态添加周期性任务实现过程解析
2020/11/26 Python
java关于string最常出现的面试题整理
2021/01/18 Python
CSS3.0实现霓虹灯按钮动画特效的示例代码
2021/01/12 HTML / CSS
H5离线存储Manifest原理及使用
2020/04/28 HTML / CSS
HttpServlet类中的主要方法都有哪些?各自的作用是什么?
2014/03/16 面试题
党员自我评价分享
2013/12/13 职场文书
化工实习心得体会
2014/09/09 职场文书
支部书记四风问题对照检查材料
2014/10/04 职场文书
2015年医务科工作总结范文
2015/05/26 职场文书
《伯牙绝弦》教学反思
2016/02/16 职场文书
2016年基层党组织创先争优承诺书
2016/03/25 职场文书
mysql 带多个条件的查询方式
2021/06/05 MySQL
IDEA 2022 Translation 未知错误 翻译文档失败
2022/04/24 Java/Android