Nuxt Nation 大会即将到来。加入我们,时间为 11 月 12 日至 13 日。
发布·  

Nuxt 2:从终端到浏览器

我们如何改变开发人员体验,以避免在终端和浏览器之间切换。

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

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

问题

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

解决方案

  1. 将 Webpack 构建状态直接转发到浏览器并在浏览器中以一种漂亮的方式显示它们。

foward-webpack-build-state

  1. 热模块替换 (当项目变得更大并且重新构建需要更多时间时非常有用) 也是如此。

nuxt-build-indicator-hmr

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

nuxt-ssr-logs-forwarding

Nuxt 愿景

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

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

偷懒,变聪明,用 Nuxt。

链接