Nuxt 2：從終端到瀏覽器

Nuxt 是一個 Vue.js 框架，可使用相同的目錄結構和約定建立不同型別的 Web 應用程式：通用、單頁、PWA 或靜態生成。

ℹ️ 這些功能均隨v2.8.0 版本提供.

問題

1. 使用 Webpack 或任何打包工具開發 JavaScript 應用程式時，需要為了除錯目的在瀏覽器和終端之間切換。
2. 當應用程式進行伺服器渲染時，使用 console.log 進行除錯，需要記住重新整理頁面時日誌將顯示在終端上。

解決方案

1. 將 Webpack 構建狀態直接轉發到瀏覽器，並以美觀的方式顯示。

2. 熱模組替換 (HMR) 也是如此（當專案變大並需要更多時間重新構建時非常有用）。

3. 在開發模式下將 SSR 日誌轉發到瀏覽器

Nuxt 願景

這些更改的目的是僅將終端用於命令。

現在你可以專注於你的程式碼和它的視覺效果了 🙂

懶惰，聰明，Nuxt。

連結

• Nuxt 2 文件https://v2.nuxt.com
• GitHubhttps://github.com/nuxt/nuxt.js
• 載入螢幕原始碼https://github.com/nuxt/loading-screen
• Twitterhttps://x.com/nuxt_js