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 相关文章推荐
关于IE浏览器以及Firefox下的javascript冒泡事件的响应层级
Oct 14 Javascript
jqGrid随窗口大小变化自适应大小的示例代码
Dec 28 Javascript
详解Node.js包的工程目录与NPM包管理器的使用
Feb 16 Javascript
js类式继承与原型式继承详解
Apr 07 Javascript
JavaScript中对象的不同创建方法
Aug 12 Javascript
jQuery生成假加载动画效果
Dec 01 Javascript
webpack入门必知必会
Jan 16 Javascript
addEventListener()与removeEventListener()解析
Apr 20 Javascript
zTree获取当前节点的下一级子节点数实例
Sep 05 Javascript
mui back 返回刷新页面的实例
Dec 06 Javascript
JS获取月的第几周和年的第几周实例代码
Dec 05 Javascript
Vue 技巧之控制父类的 slot
Feb 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的变量总结 新手推荐
2011/04/18 PHP
一个PHP分页类的代码
2011/05/18 PHP
thinkphp5框架路由原理与用法详解
2020/02/11 PHP
javascript 面向对象全新理练之继承与多态
2009/12/03 Javascript
jQuery动画效果-slideUp slideDown上下滑动示例代码
2013/08/28 Javascript
js控制不同的时间段显示不同的css样式的实例代码
2013/11/04 Javascript
jquery制作LED 时钟特效
2015/02/01 Javascript
jQuery插件jcrop+Fileapi完美实现图片上传+裁剪+预览的代码分享
2015/04/22 Javascript
js数组去重的5种算法实现
2015/11/04 Javascript
jQuery+ajax+asp.net获取Json值的方法
2016/06/08 Javascript
原生JavaScript制作计算器
2016/10/16 Javascript
Vue.js上下滚动加载组件的实例代码
2017/07/17 Javascript
你应该知道的几类npm依赖包管理详解
2017/10/06 Javascript
浅谈 vue 中的 watcher
2017/12/04 Javascript
node 命令方式启动修改端口的方法
2018/05/12 Javascript
JavaScript 判断对象中是否有某属性的常用方法
2018/06/14 Javascript
微信小程序中进行地图导航功能的实现方法
2018/06/29 Javascript
基于vue的验证码组件的示例代码
2019/01/22 Javascript
基于vue+echarts 数据可视化大屏展示的方法示例
2020/03/09 Javascript
vue如何使用外部特殊字体的操作
2020/07/30 Javascript
vscode中的vue项目报错Property ‘xxx‘ does not exist on type ‘CombinedVueInstance<{ readyOnly...Vetur(2339)
2020/09/11 Javascript
JavaScript Html实现移动端红包雨功能页面
2021/01/10 Javascript
解决Python传递中文参数的问题
2015/08/04 Python
基于ID3决策树算法的实现(Python版)
2017/05/31 Python
python代码区分大小写吗
2020/06/17 Python
python中rb含义理解
2020/06/18 Python
Python3爬虫中识别图形验证码的实例讲解
2020/07/30 Python
GUESS西班牙官方网上商城:美国服饰品牌
2017/03/15 全球购物
Myprotein中国网站:欧洲畅销运动营养品牌
2021/02/11 全球购物
JSF面试题:Jsf中的核心类用那些?有什么作用?LiftCycle六大生命周期是什么?
2014/07/17 面试题
放飞蜻蜓反思
2014/02/05 职场文书
质量保证书范本
2014/04/29 职场文书
毕业生面试求职信
2014/06/23 职场文书
2015年员工工作总结范文
2015/04/08 职场文书
兴趣班停课通知
2015/04/24 职场文书
商务信函英语问候语
2015/11/10 职场文书