Nuxt 2：从终端到浏览器

Nuxt 是一个 Vue.js 框架，可以使用**相同的目录结构和约定**创建不同类型的 Web 应用程序：通用、单页、PWA 或静态生成。

ℹ️ 这些功能都在 v2.8.0 版本中可用。

问题

1. 使用 Webpack 或任何打包器开发 JavaScript 应用程序需要为了调试而在浏览器和终端之间切换。
2. 当应用进行服务器端渲染时，使用 console.log 进行调试需要记住，当刷新页面时，日志将显示在终端上。

解决方案

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

2. 热模块替换 (Hot Module Replacement) 也是如此（当项目变得更大，需要更多时间重新构建时非常有用）。

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

Nuxt 的愿景

这些更改的目的是仅将终端用于命令。

现在您可以专注于您的代码及其可视化结果 🙂

偷懒一点，聪明一点，用 Nuxt。

链接

• Nuxt 2 文档：https://v2.nuxt.com
• GitHub：https://github.com/nuxt/nuxt.js
• 加载屏幕源代码：https://github.com/nuxt/loading-screen
• Twitter：https://twitter.com/nuxt_js