99热在线精品一区二区三区_国产伦精品一区二区三区女破破_亚洲一区二区三区无码_精品国产欧美日韩另类一区

本篇文章給大家介紹一下Node.js的熱更新配置和vscode斷點(diǎn)調(diào)試。有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)大家有所幫助。

成都創(chuàng)新互聯(lián)專(zhuān)業(yè)為企業(yè)提供建寧網(wǎng)站建設(shè)、建寧做網(wǎng)站、建寧網(wǎng)站設(shè)計(jì)、建寧網(wǎng)站制作等企業(yè)網(wǎng)站建設(shè)、網(wǎng)頁(yè)設(shè)計(jì)與制作、建寧企業(yè)網(wǎng)站模板建站服務(wù)，10多年建寧做網(wǎng)站經(jīng)驗(yàn)，不只是建網(wǎng)站，更提供有價(jià)值的思路和整體網(wǎng)絡(luò)服務(wù)。前言

我從今年5月份開(kāi)始使用express 框架開(kāi)發(fā)。現(xiàn)在項(xiàng)目一期結(jié)束，趁這個(gè)空閑期，我重新梳理一下nodejs 開(kāi)發(fā)的一些配置，其中包括 熱更新 和 vscode 里的斷點(diǎn)調(diào)試。

相關(guān)教程推薦：《nodejs視頻教程 》、《vscode基礎(chǔ)教程》

一、熱更新 nodemon

nodemon 會(huì)監(jiān)聽(tīng)項(xiàng)目文件的改動(dòng)，并且自動(dòng)重啟項(xiàng)目。你只需要刷新瀏覽器就可以看到改動(dòng)后的效果，省去了開(kāi)發(fā)者重啟應(yīng)用的麻煩。

步驟：安裝nodemon

npm install -g nodemon

package.json 里使用 nodemon 命令

"scripts": {

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

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

    },

啟動(dòng)效果圖如下：

二、 vscode 斷點(diǎn)調(diào)試

參考連接：https://code.visualstudio.com/docs/nodejs/...

nodejs 的debug 是vscode 內(nèi)置的，不需要另外安裝插件。

之前我使用vscode調(diào)試php項(xiàng)目時(shí) ，就需要另外安裝php Debug擴(kuò)展。

步驟：生成launch.json文件

需要在Debug 模式下，選擇nodejs類(lèi)型 的配置， 如下圖：

vscode 自動(dòng)在項(xiàng)目根目錄下生成 .vscode / launch.json 文件，vscode默認(rèn)會(huì)選擇 package.json中的start命令啟動(dòng)應(yīng)用命令。 路徑為上面代碼中program項(xiàng)的值。 內(nèi)容如下：

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "node",
            "request": "launch",
            "name": "Launch Program",
            "program": "${workspaceFolder}\\\\bin\\\\www"
        }
    ]
}

點(diǎn)擊左側(cè)綠色按鈕 啟動(dòng)應(yīng)用，效果圖如下：

在debug模式下打斷點(diǎn)調(diào)試, 就可以了。

原文地址：https://learnku.com/articles/35458

作者：matteao

更多編程相關(guān)知識(shí)，可訪問(wèn)：編程入門(mén)！！
網(wǎng)站欄目：談?wù)凬ode.js熱更新的配置和vscode斷點(diǎn)調(diào)試
文章鏈接：http://www.ef60e0e.cn/article/cppges.html