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

这里是“sublime text配置node.js调试(图文教程)”的完整攻略。

环境准备

在开始配置 subline text 调试 Node.js 之前，请确保你的电脑中已经有以下几个环境：

• Node.js：如果你还没有安装 Node.js，可以到官网下载最新版本。
• Sublime Text：请确保你已经安装了 Sublime Text 编辑器。
• Node.js 插件：在 Sublime 中编写 Node.js 代码时，需要安装一个插件，可以通过 Package Control 插件搜索 “nodejs” 安装。

步骤

接下来就可以开始配置了，步骤如下：

1. 安装 Node.js 调试工具 node-inspector：

npm install -g node-inspector

1. 安装 node-dev 模块：

npm install -g node-dev

1. 打开 Sublime Text，新建一个 Node.js 文件，按 Ctrl + Shift + P 打开命令面板，输入 Install Package，然后输入 Nodejs，选择 nodejs，确认安装。
2. 在 Sublime Text 中安装一个名为 Nodejs 的 package，该 package 可以在 Sublime Text 中直接调用 Node.js：

{
    "caption": "Nodejs: Run",
    "command": "nodejs_run"
},
{
    "caption": "Nodejs: Run with debugging",
    "command": "nodejs_debug"
},
{
    "caption": "Nodejs: Debug current file",
    "command": "nodejs_debug_file"
}

1. 进入 Node.js 文件，点击菜单 Tools->Build System->New Build System，然后在弹出的文件中，输入以下内容：

{
    "cmd": ["node-dev" ,"--debug","$file"],
    "selector": "source.js"
}

1. 将新创建的 Build System 保存在默认配置路径下：

2. Windows 系统：%AppData%\Roaming\Sublime Text 3\Packages\User

3. OS X 系统：~/Library/Application Support/Sublime Text 3/Packages/User
4. Linux 系统：~/.config/sublime-text-3/Packages/User

将文件保存为 Nodejs-dev.sublime-build。

1. 打开你的 Node.js 项目，选择 Nodejs: Debug current File，就可以开始 Sublime Text 调试了。

示例

以下是两个简单的 Node.js 示例：

示例1

使用 node-inspector 来调试一个简单的 Node.js 文件，代码如下：

let a = 10;
let b = 20;
let sum = a + b;
console.log("Result: " + sum);

1. 在命令行运行以下命令：

node-debug sample.js

1. 在浏览器上打开 chrome://inspect

2. 在 chrome://inspect 页面中，点击 Open dedicated DevTools for Node，就可以打开调试器了。

3. 在打开的 Node.js 调试器中，你可以看到文件 sample.js 的行号，可以添加断点，单步调试等操作。

4. 回到 Sublime Text，打开菜单 Tools->Build with Nodejs-dev，开始调试。

示例2

使用 node-dev 来调试一个简单的 Express.js 应用程序

1. 创建一个 app.js 文件，内容如下：

const express = require('express')
const app = express()

app.get('/', function (req, res) {
  res.send('Hello World!')
})

app.listen(3000, function () {
  console.log('Example app listening on port 3000!')
})

1. 运行以下命令启动应用程序：

$ node-dev --debug app.js

1. 现在，我们可以在 Sublime Text 中打开 app.js 文件，然后依次打开 Tools->Build with Nodejs-dev，就可以开始调试了。

以上就是“sublime text配置node.js调试(图文教程)”的完整攻略，希望能帮助到大家。