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监听表单value的修改同步问题,跨浏览器支持
Dec 31 Javascript
模拟电子签章盖章效果的jQuery插件源码
Jun 24 Javascript
javascript打开word文档的方法
Apr 16 Javascript
JS提交form表单实例分析
Dec 10 Javascript
js 实现数值的千分位及保存小数方法(推荐)
Aug 01 Javascript
Google 地图API Map()构造器详解
Aug 06 Javascript
基于JS实现横线提示输入验证码随验证码输入消失(js验证码的实现)
Oct 27 Javascript
Vue实现购物车场景下的应用
Nov 27 Javascript
JS代码实现电脑配置检测功能
Mar 21 Javascript
详解关于html,css,js三者的加载顺序问题
Apr 10 Javascript
vue源码中的检测方法的实现
Sep 26 Javascript
深入浅析vue全局环境变量和模式
Apr 28 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
source.php查看源文件
2006/12/09 PHP
php数据结构 算法(PHP描述) 简单选择排序 simple selection sort
2011/08/09 PHP
分享php分页的功能模块
2015/06/16 PHP
PHP 前加at符合@的作用解析
2015/07/31 PHP
Windows平台PHP+IECapt实现网页批量截图并创建缩略图功能详解
2019/08/02 PHP
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
2010/08/05 Javascript
javascript中定义私有方法说明(private method)
2014/01/27 Javascript
JavaScript DOM事件(笔记)
2015/04/08 Javascript
如何动态加载外部Javascript文件
2015/12/02 Javascript
Bootstrap框架动态生成Web页面文章内目录的方法
2016/05/12 Javascript
JavaScript检测原始值、引用值、属性
2016/06/20 Javascript
简单实现js页面切换功能
2021/01/10 Javascript
Vuejs第一篇之入门教程详解(单向绑定、双向绑定、列表渲染、响应函数)
2016/09/09 Javascript
javascript实现获取图片大小及图片等比缩放的方法
2016/11/24 Javascript
JS基于对象的特性实现去除数组中重复项功能详解
2017/11/17 Javascript
node中使用es6/7/8(支持性与性能)
2019/03/28 Javascript
Python模块学习 filecmp 文件比较
2012/08/27 Python
Python基于回溯法子集树模板实现图的遍历功能示例
2017/09/05 Python
500行Python代码打造刷脸考勤系统
2019/06/03 Python
Python实现决策树并且使用Graphviz可视化的例子
2019/08/09 Python
使用Python为中秋节绘制一块美味的月饼
2019/09/11 Python
Pythonic版二分查找实现过程原理解析
2020/08/11 Python
python 实现Harris角点检测算法
2020/12/11 Python
CSS3.0实现霓虹灯按钮动画特效的示例代码
2021/01/12 HTML / CSS
24个canvas基础知识小结
2014/12/17 HTML / CSS
PUMA澳大利亚官方网站:德国运动品牌
2018/10/19 全球购物
Harman Audio官方商店:购买JBL、Harman Kardon、Infinity和AKG
2019/12/05 全球购物
中英文自我评价常用句型
2013/12/19 职场文书
好军嫂事迹材料
2014/01/15 职场文书
广告语设计及教案
2014/03/21 职场文书
公司领导班子民主生活会对照检查材料
2014/10/02 职场文书
2015年社区科普工作总结
2015/05/13 职场文书
小学三年级作文之写景
2019/11/05 职场文书
关于Python OS模块常用文件/目录函数详解
2021/07/01 Python
Python面向对象编程之类的概念
2021/11/01 Python
Win11显卡控制面板打开显卡设置方法
2022/04/20 数码科技