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直接编辑当前cookie的脚本
Sep 14 Javascript
javascript 读取图片文件的大小
Jun 25 Javascript
js导出table到excel同时兼容FF和IE示例
Sep 03 Javascript
原生JS实现仿淘宝网左侧商品分类菜单效果代码
Sep 10 Javascript
jquery原理以及学习技巧介绍
Nov 11 Javascript
javascript自执行函数
Feb 10 Javascript
微信小程序-横向滑动scroll-view隐藏滚动条
Apr 20 Javascript
基于jquery实现多选下拉列表
Aug 02 jQuery
原生JS实现日历组件的示例代码
Sep 22 Javascript
Vue项目开发常见问题和解决方案总结
Sep 11 Javascript
在VUE中使用lodash的debounce和throttle操作
Nov 09 Javascript
如何使用 JavaScript 操作浏览器历史记录 API
Nov 24 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 分页类 扩展代码
2009/06/11 PHP
PHP目录函数实现创建、读取目录教程实例
2011/01/13 PHP
安装ImageMagick出现error while loading shared libraries的解决方法
2014/09/23 PHP
PHP准确取得服务器IP地址的方法
2015/06/02 PHP
ThinkPHP数据操作方法总结
2015/09/28 PHP
PHP函数超时处理方法
2016/02/14 PHP
PHP获取input输入框中的值去数据库比较显示出来
2016/11/16 PHP
理清PHP在Linxu下执行时的文件权限方法
2017/06/07 PHP
PHP Laravel 上传图片、文件等类封装
2017/08/16 PHP
javascript仿百度输入框提示自动下拉补全
2016/01/07 Javascript
JavaScript比较当前时间是否在指定时间段内的方法
2016/08/02 Javascript
jquery.Callbacks的实现详解
2016/11/30 Javascript
JavaScript中的call和apply的用途以及区别
2017/01/11 Javascript
JavaScript实现前端分页控件
2017/04/19 Javascript
vue2.0 如何在hash模式下实现微信分享
2019/01/22 Javascript
JavaScript数据结构与算法之二叉树遍历算法详解【先序、中序、后序】
2019/02/21 Javascript
mock.js模拟前后台交互
2019/07/25 Javascript
javascript实现点亮灯泡特效示例
2019/10/15 Javascript
countup.js实现数字动态叠加效果
2019/10/17 Javascript
javascript贪吃蛇游戏设计与实现
2020/09/17 Javascript
[02:33]DOTA2亚洲邀请赛趣味视频之吐真话筒
2018/03/31 DOTA
[01:03:47]VP vs NewBee Supermajor 胜者组 BO3 第一场 6.5
2018/06/06 DOTA
Python 移动光标位置的方法
2019/01/20 Python
django最快程序开发流程详解
2019/07/19 Python
python实现广度优先搜索过程解析
2019/10/19 Python
Django框架获取form表单数据方式总结
2020/04/22 Python
pytorch VGG11识别cifar10数据集(训练+预测单张输入图片操作)
2020/06/24 Python
域名注册、建站工具、网页主机、SSL证书:Dynadot
2017/01/06 全球购物
《学会待客》教学反思
2014/02/22 职场文书
声乐专业大学生职业生涯规划书:理想的未来需要自己去打造
2014/09/20 职场文书
个人求职信格式范文
2015/03/20 职场文书
小学见习报告
2015/06/23 职场文书
大学生支教感言
2015/08/01 职场文书
心理健康教育培训研修感言
2015/11/18 职场文书
golang 实现两个结构体复制字段
2021/04/28 Golang
什么是clearfix (一文搞清楚css清除浮动clearfix)
2023/05/21 HTML / CSS