前言
我從今年5月份開始使用express 框架開發。現在專案一期結束，趁這個空閒期，我重新梳理一下nodejs 開發的一些配置，其中包括 熱更新 和 vscode 裡的斷點除錯。
一、熱更新 nodemon
nodemon 會監聽專案檔案的改動，並且自動重啟專案。你只需要重新整理瀏覽器就可以看到改動後的效果，省去了開發者重啟應用的麻煩。
步驟：
- 安裝nodemon
npm install -g nodemon
-
package.json 裡使用 nodemon 命令
"scripts": { "start": "node ./bin/www", "nodemon": "nodemon ./bin/www" },啟動效果圖如下：
二、 vscode 斷點除錯
參考連線：https://code.visualstudio.com/docs/nodejs/...
nodejs 的debug 是vscode 內建的，不需要另外安裝外掛。
之前我使用vscode除錯php專案時 ，就需要另外安裝
php Debug擴充套件。
步驟：
- 生成
launch.json檔案需要在Debug 模式下，選擇nodejs型別 的配置， 如下圖：
vscode 自動在專案根目錄下生成 .vscode / launch.json 檔案，vscode預設會選擇 package.json中的
start命令啟動應用命令。 路徑為上面程式碼中program項的值。 內容如下：{ // 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" } ] }
- 點選左側綠色按鈕 啟動應用，效果圖如下：
- 在
debug模式下打斷點除錯, 就可以了。