Nuxt 2：从终端到浏览器

Nuxt 是一个 Vue.js 框架，旨在利用相同的目录结构和约定创建不同类型的 Web 应用程序：通用（Universal）、单页（Single Page）、PWA 或静态生成（Static Generated）。

ℹ️ 这些功能均已在v2.8.0 版本中提供.

遇到的问题

1. 使用 Webpack 或任何打包工具开发 JavaScript 应用程序时，为了调试，开发者需要在浏览器和终端之间频繁切换。
2. 在服务器端渲染（SSR）应用时，使用 console.log 进行调试，需要记住：刷新页面时，日志只会显示在终端中。

解决方案

1. 直接将 Webpack 构建状态转发到浏览器，并以美观的方式展示它们。

2. 热模块替换（HMR）同理（当项目变得庞大且重构建耗时较长时，这非常有用）。

3. 在开发模式下将 SSR 日志转发至浏览器

Nuxt 的愿景

这些更改的目的是让终端仅用于执行命令。

现在，你可以专注于代码及其视觉结果 🙂

保持懒惰，保持聪明，保持 Nuxt 风格。

链接

• Nuxt 2 文档https://v2.nuxt.com
• GitHubhttps://github.com/nuxt/nuxt.js
• 加载屏幕（Loading Screen）源代码https://github.com/nuxt/loading-screen
• Twitterhttps://x.com/nuxt_js