ECMAScript语法和Node.js API相结合,可以写一个Web Server。刚开始接触Node.js,今天学习了新建Node.js项目,和Vscode编辑器调试Node.js的方法。
准备工作
首先新建一个文件夹,执行命令npm init -y,初始化npm的环境。此时文件里多了一个package.json文件。
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模式。
在浏览器中,输入http://localhost:3005, 代码就会进入断点。此时,即可像浏览器一样进行调试。
chrome调试
package.json中scripts属性写上--inspect=9229
9229是端口号,保证唯一就行。
在chrome浏览器中输入chrome://inspect/#devices
,打开chrome的inspect链接。打开之后,可以像chrome控制台一样调试了。