谈谈Node.js热更新的配置和vscode断点调试


本文摘自PHP中文网,作者青灯夜游,侵删。

本篇文章给大家介绍一下Node.js的热更新配置和vscode断点调试。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

前言

我从今年5月份开始使用express 框架开发。现在项目一期结束,趁这个空闲期,我重新梳理一下nodejs 开发的一些配置,其中包括 热更新vscode 里的断点调试

相关教程推荐:《nodejs 教程 》、《vscode基础教程》

一、热更新 nodemon

nodemon 会监听项目文件的改动,并且自动重启项目。你只需要刷新浏览器就可以看到改动后的效果,省去了开发者重启应用的麻烦。

步骤:

  • 安装nodemon

npm install -g nodemon

  • package.json 里使用 nodemon 命令

    1

    2

    3

    4

    5

    6

    7

    "scripts": {

     

            "start": "node ./bin/www",

     

            "nodemon": "nodemon ./bin/www"

     

        },

    启动效果图如下:

nodejs 开发中热更新和vscode中断点调试

二、 vscode 断点调试

参考连接:https://code.visualstudio.com/docs/nodejs/...

nodejs 的debug 是vscode 内置的,不需要另外安装插件。

之前我使用vscode调试php项目时 ,就需要另外安装php Debug 扩展。

步骤:

  • 生成launch.json文件

    需要在Debug 模式下,选择nodejs类型 的配置, 如下图:

Node.js 开发中热更新配置和 vscode 中断点调试

vscode 自动在项目根目录下生成 .vscode / launch.json 文件,vscode默认会选择 package.json中的start 命令启动应用命令。 路径为上面代码中program项的值。 内容如下:

阅读剩余部分

相关阅读 >>

2021年值得了解的8个 node.js 框架

深入了解node.js中的非阻塞 i/o

了解一下node.js casbin

深入了解node.js的中worker threads(工作线程)

深入浅析node.js中的内置模块

页面性能优化的方法总结

了解nodejs中的事件和事件循环

如何使用ppa在ubuntu上安装最新的node.js和npm

node.js和vue.js什么关系

深入了解node.js中的express框架

更多相关阅读请进入《node.js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...