iis服务器助手广告广告
返回顶部
首页 > 资讯 > 前端开发 > node.js >sublime text配置node.js调试(图文教程)
  • 680
分享到

sublime text配置node.js调试(图文教程)

图文教程text 2022-06-04 17:06:08 680人浏览 独家记忆
摘要

1. 首先到 nodejs.org 下载 node.js 安装包并安装。 2. 打开 Sublime Text 2 编辑器。选择菜单 Tools --> Build System --> ne

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 & 查看图片

3.在chrome浏览器中打开:Http://127.0.0.1:8080/?port=5858

4.打开想要debug的js文件例如app.js,在代码中打上断点:debugger;例如: 查看图片

5.cmd进到项目文件app.js执行入口文件:node --debug app.js 查看图片

6.刷新刚刚打开的浏览器: 查看图片

7.测试:我这个例子是需要post的,我在postman里面调这个接口: 查看图片

8.打开浏览器就看到代码已经进入到debuger了,调试的技巧跟js的基本全部一样,一步步执行即可 查看图片

9.一步步执行之后cmd就会打印console.log()的信息 查看图片浏览器中也能看到log信息: 查看图片

以上这篇sublime text配置node.js调试(图文教程)就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持编程网。

--结束END--

本文标题: sublime text配置node.js调试(图文教程)

本文链接: https://www.lsjlt.com/news/13124.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • sublime text如何配置node.js调试
    这篇文章给大家分享的是有关sublime text如何配置node.js调试的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。1. 首先到 nodejs.org 下载 Node.js...
    99+
    2024-04-02
  • 将Sublime Text 设置成中文版的完整教程
    写这篇博客的原因:我当时在网上找教程的时候很多都说第一步先在Preferences里面找到Package Control,但是当时我的Preferences里面并没有这一项,以至于无...
    99+
    2024-04-02
  • Sublime Text3配置使用教程
    Win平台上已经打造了便携版的Sublime Text3,但是,现在折腾Ubuntu不能同步过来使用了,寒假在家休息,整理一下安装过程好了: 在sublime text官网选择合适的版本安装。 ubunbu安装完成之后,可以在/usr/...
    99+
    2023-01-31
    教程 Sublime
  • OpenJDK源码调试图文教程
    目录前言虚拟机的安装WMware虚拟机安装Ubuntu系统镜像安装Ubuntu系统设置网络设置共享文件夹设置OpenJDK编译编译流程Ubuntu下安装IdeaHotSpot源码调试...
    99+
    2024-04-02
  • Python学习教程:手把手教你Sublime Text编辑器配置Python解释器
    前天有个伙伴问我一个关于Sublime text配置Python解释器的问题,也可能是初学者,对这方面还不是很懂,想使用快捷键但是徒劳一场,因为缺少Python解释器,直接按下快捷键Ctrl+B是不会得到想要的结果的。鉴于此,如果有小伙伴想...
    99+
    2023-06-02
  • MySQL-8.0.26配置图文教程
    前言:最近公司项目更换数据库版本,在此记录分享一下自己安装配置MySQL8.0版本的过程吧。 1、首先进入MySQL官网选择所需版本下载(下载地址:https://dev.mysql...
    99+
    2024-04-02
  • 手把手教你VSCode配置JavaScript基于Node.js的调试环境
    目录一、安装VSCode和Node.js二、VSCode配置三、可能出现的问题总结一、安装VSCode和Node.js 前言:做科研之后确实很少会总结积累,可能是科研中出现的问题的解...
    99+
    2022-12-27
    vscode配置js开发环境 vscode怎么调试js vscode调试选择环境
  • Echarts图表位置调整的图文教程
    折线图 和 柱状图 通过设置 grid 属性调整。 grid:{ show:false, top:'15%', /...
    99+
    2022-11-13
    echarts调整图示的位置 echarts图例位置 echarts图形位置调整
  • mysql 8.0.18 安装配置图文教程
    学习目标:学会使用windows系统安装MySQL数据库,供大家参考,具体内容如下 1.打开浏览器输入SQL官网的下载地址:下载链接 2.下载好MySQL软件压缩包后,在C盘下创建一个web 文件夹,...
    99+
    2024-04-02
  • Pycharm配置anaconda环境图文教程
    目录1.配置anaconda环境2.pycharm配置anaconda环境1.配置anaconda环境 以下内容在下载完anaconda后实现 快捷键win+r,打出命令行cmd,进...
    99+
    2022-11-13
    Pycharm配置anaconda anaconda配置环境 Pycharm anaconda环境
  • MySQL 8.0.28 安装配置图文教程
    本文为大家分享了MySQL 8.0.28 安装配置图文教程,供大家参考,具体内容如下 一、下载并配置安装文件 1、进入官网下载mysql安装包 2、解压安装包,如下图所示 3、添...
    99+
    2024-04-02
  • mysql 8.0.26 安装配置图文教程
    本文为大家分享了mysql 8.0.26 安装配置教程,供大家参考,具体内容如下 第一步:首先进入官网下载 MySQL : Download MySQL Community Serv...
    99+
    2024-04-02
  • Mysql WorkBench安装配置图文教程
    本文为大家分享了Mysql WorkBench安装配置图文教程,供大家参考,具体内容如下 workbench下载地址 下载到workbench下载包后按照默认提示安装。 如果需要切换workbench...
    99+
    2024-04-02
  • mysql 8.0.13 安装配置图文教程
    Msyql数据库安装,供大家参考,具体内容如下 ①在浏览器中打开https://www.mysql.com/,进入MySQL的官网。点击DOWNLOADS。 ②在打开的标签页中,找到如下内容并点击 ③在...
    99+
    2024-04-02
  • mysql 8.0.15 安装配置图文教程
    本文记录了mysql 8.0.15 安装配置的方法,供大家参考,具体内容如下 安装包下载 链接: MySQL官网下载地址 点第一个Download,第一个和第二个安装包的区别在于,第一个文件为zip文件,...
    99+
    2024-04-02
  • nexus安装及配置图文教程
    目录一、下载 二、解压三、安装nexus服务成windows 服务四、启动五、访问六、修改端口 等配置 一、下载  官网下载地址:https://sky...
    99+
    2024-04-02
  • mysql 8.0.17 安装配置图文教程
    本文记录了mysql 8.0.17 安装配置的图文教程,供大家参考,具体内容如下 1.下载安装包 下载地址:安装包 2.解压安装包到目录 这里解压到了D:\mysql-8.0.17-winx64 (图中有些...
    99+
    2024-04-02
  • windows2003DHCP服务器配置图文教程
    目录一、导入光驱二、安装可选的windows组件三、双击打开网路服务,安装DHCP/DNS服务器。四、ip地址范围规划时要预留i出一些p地址。五、这里的ip地址也是固定的,要去看当地...
    99+
    2023-01-28
    windows2003 DHCP配置 windows2003 服务器配置 windows2003 DHCP服务器
  • Linux ubuntu20.04 网络配置(图文教程)
    Linux ubuntu20.04 网络配置(图文教程) 因为我是刚装好的最小系统,所以很多东西都没有,在开始配置之前需要做下准备 环境准备 系统:ubuntu20.04网卡:双网卡 网卡一:供连...
    99+
    2023-09-09
    linux 服务器
  • 【Pycharm教程】PyCharm 配置 Python 项目运行和调试
    PyCharm 使用运行/调试配置来运行、调试和测试您的代码。每个配置都是一组命名的启动属性,它们定义要执行的内容以及应该使用的参数和环境。 使用不同的启动属性,您可以定义 PyCharm 用来执行脚本的不同方式。例如,您可以使用不同的 ...
    99+
    2023-09-09
    pycharm python ide
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作