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 单引号 传递方法
Jun 22 Javascript
js怎么覆盖原有方法实现重写
Sep 04 Javascript
JavaScript中的splice()方法使用详解
Jun 09 Javascript
angularjs自定义ng-model标签的属性
Jan 21 Javascript
JS加载器如何动态加载外部js文件
May 26 Javascript
JavaScript 中 avalon绑定属性总结
Oct 19 Javascript
vue实现表格数据的增删改查
Jul 10 Javascript
vue绑定class与行间样式style详解
Aug 16 Javascript
Sublime Text新建.vue模板并高亮(图文教程)
Oct 26 Javascript
微信小程序App生命周期详解
Jan 31 Javascript
vue如何将v-for中的表格导出来
May 07 Javascript
vue实现购物车选择功能
Jan 10 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
乱谈我对耳机、音箱的感受
2021/03/02 无线电
php数组函数序列之array_key_exists() - 查找数组键名是否存在
2011/10/29 PHP
eAccelerator的安装与使用详解
2013/06/13 PHP
PHP将回调函数作用到给定数组单元的方法
2014/08/19 PHP
php中get_cfg_var()和ini_get()的用法及区别
2015/03/04 PHP
ThinkPHP5.0框架使用build 自动生成模块操作示例
2019/04/11 PHP
jQuery 表单验证扩展(四)
2010/10/20 Javascript
jQuery-onload让第一次页面加载时图片是淡入方式显示
2012/05/23 Javascript
javascript实现页面内关键词高亮显示代码
2014/04/03 Javascript
jQuery如何取id有.的值一般的方法是取不到的
2014/04/18 Javascript
Jquery实现瀑布流布局(备有详细注释)
2015/07/31 Javascript
javascript html5 canvas实现可拖动省份的中国地图
2016/03/11 Javascript
jQuery原理系列-常用Dom操作详解
2016/06/07 Javascript
JS获取鼠标选中的文字
2016/08/10 Javascript
BootStrop前端框架入门教程详解
2016/12/25 Javascript
webpack 单独打包指定JS文件的方法
2018/02/22 Javascript
Angularjs实现多图片上传预览功能
2018/07/18 Javascript
vue-cli 为项目设置别名的方法
2019/10/15 Javascript
JavaScript用document.write()输出换行的示例代码
2020/11/26 Javascript
Python中的sort()方法使用基础教程
2017/01/08 Python
机器学习之KNN算法原理及Python实现方法详解
2018/07/09 Python
Django框架自定义模型管理器与元选项用法分析
2019/07/22 Python
使用tqdm显示Python代码执行进度功能
2019/12/08 Python
Python ORM框架Peewee用法详解
2020/04/29 Python
Python 列表推导式需要注意的地方
2020/10/23 Python
老板电器官方购物商城:老板油烟机、燃气灶、消毒柜、电烤箱
2018/05/30 全球购物
Noon埃及:埃及在线购物
2019/11/26 全球购物
大学生职业规划前言模板
2013/12/27 职场文书
求职信格式要求
2014/05/23 职场文书
本科生求职信
2014/06/17 职场文书
学校法制宣传月活动总结
2014/07/03 职场文书
医学专业大学生职业生涯规划书
2014/10/25 职场文书
2014年四风个人对照检查及整改措施
2014/10/28 职场文书
企业法人代表证明书
2015/06/18 职场文书
关于践行三严三实的心得体会
2016/01/05 职场文书
写作技巧:如何撰写商业计划书
2019/08/08 职场文书