小編給大家分享一下Node.js熱更新的配置和vscode斷點(diǎn)調(diào)試的案例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

創(chuàng)新互聯(lián)公司專(zhuān)注于伊春企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),商城網(wǎng)站建設(shè)。伊春網(wǎng)站建設(shè)公司,為伊春等地區(qū)提供建站服務(wù)。全流程按需求定制開(kāi)發(fā)，專(zhuān)業(yè)設(shè)計(jì)，全程項(xiàng)目跟蹤，創(chuàng)新互聯(lián)公司專(zhuān)業(yè)和態(tài)度為您提供的服務(wù)

前言

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

一、熱更新 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)試, 就可以了。

以上是Node.js熱更新的配置和vscode斷點(diǎn)調(diào)試的案例分析的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)-成都網(wǎng)站建設(shè)公司行業(yè)資訊頻道！

本文名稱(chēng)：Node.js熱更新的配置和vscode斷點(diǎn)調(diào)試的案例分析-創(chuàng)新互聯(lián)
當(dāng)前URL：http://weahome.cn/article/jihdh.html