Nodejs代码用Chrome浏览器调试教程

Nodejs 代码用chrome浏览器调试工具调试

2016年，Node 决定将 Chrome 浏览器的”开发者工具”作为官方的调试工具，使得 Node 脚本也可以使用图形界面调试，这大大方便了开发者。

新建一个nodejs简单项目

  npm install koa koa-router -D

• 新建app.js入口文件

const Koa = require('koa');
const router = require('koa-router')();

const app = new Koa();

router.get('/:id',ctx=>{
  console.log(ctx);
  let id = ctx.params.id;
  ctx.body = `<h1 style="color:red;">Hello nodejs,<sapn style="color:blue">${id}</span></h1>`;
});

app.use(router.routes());

app.listen(8080,()=>{
  console.log("running at port 8080 ...");
});

启动开发者工具

运行上面的脚本：app.js

  ndoe --inspect aap .js

打开浏览器输入 localhost:8080/3223322323,页面中就会输出Hello nodejs 3223322323

• 图1
  

• 图2
  

点击上图2中F12中node图标，就可以像DEBUG前端JavaScript代码一样打断点调试了。