第一个Node.js程序,和它的调试方法

349 阅读1分钟

ECMAScript语法和Node.js API相结合,可以写一个Web Server。刚开始接触Node.js,今天学习了新建Node.js项目,和Vscode编辑器调试Node.js的方法。

准备工作

首先新建一个文件夹,执行命令npm init -y,初始化npm的环境。此时文件里多了一个package.json文件。

image.png

package.json中的main属性是调试的入口文件,因此,根目录下还要新建一个index.js。index.js中写入如下代码:

const http = require('http')

const server = http.createServer((req, res) => {
  res.writeHead(200, {'content-type': 'text/html'})
  res.end('<h1>hello world</h1>')
})

server.listen(3005, () => {
  console.log('listening on 3005端口!')
})

http是Node.js项目自带的包,无需另外安装。以上代码的意思是新建一个服务,端口号是 3005.

vscode调试

选择vscode的Run and Debug,在index.js的行号上打上红点,点击 Launch Program, 进入Debugger模式。

image.png

在浏览器中,输入http://localhost:3005, 代码就会进入断点。此时,即可像浏览器一样进行调试。

image.png

chrome调试

package.json中scripts属性写上--inspect=92299229是端口号,保证唯一就行。

image.png

在chrome浏览器中输入chrome://inspect/#devices,打开chrome的inspect链接。打开之后,可以像chrome控制台一样调试了。

image.png