Vue HMR（Hot Module Replacement）Record 是 Vue CLI 的一項(xiàng)重要功能，是指開發(fā)者在進(jìn)行 Vue 項(xiàng)目的熱替換時(shí)，會(huì)記錄下每一次修改的內(nèi)容以及時(shí)間戳，以便在下一次編譯時(shí)繼續(xù)使用。下面我們來詳細(xì)了解一下 Vue HMR Record 的使用。

在使用 Vue CLI 時(shí)，我們可以通過在命令行中輸入以下命令來啟動(dòng)項(xiàng)目：

npm run serve

接著，在啟動(dòng)成功后，我們就可以在控制臺(tái)中看到類似下面的信息：

App running at:
- Local:   http://localhost:8080/
- Network: http://192.168.1.100:8080/
Note that the development build is not optimized.
To create a production build, run npm run build.

這時(shí)候，我們可以打開瀏覽器，訪問 http://localhost:8080 ，就可以看到 Vue 項(xiàng)目成功啟動(dòng)了。

接下來，我們對(duì)項(xiàng)目進(jìn)行修改，比如修改某個(gè)組件的樣式或者邏輯等等，然后再保存。這時(shí)候，我們就可以在控制臺(tái)中看到 Vue HMR Record 的信息了：

[HMR] bundle rebuild started
[HMR] bundle rebuilt in 1392ms
[HMR] App is up to date.

可以看到，Vue HMR Record 會(huì)記錄下每一次修改的時(shí)間以及修改的內(nèi)容，而且還能實(shí)時(shí)更新頁面，讓我們?cè)陂_發(fā)過程中更加高效地進(jìn)行調(diào)試和修改。