发布·  

Nuxt 2：从终端到浏览器

我们如何改变开发者体验，从而停止在终端和浏览器之间切换。
Sébastien Chopin

Sébastien Chopin

@atinux

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

ℹ️ 这些功能均随v2.8.0 版本提供.

问题

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

解决方案

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

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

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

Nuxt 愿景

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

现在你可以专注于你的代码和它的视觉效果了 🙂

懒惰，聪明，Nuxt。

链接

← 返回博客
Nuxt 在领英上Nuxt on BlueskyNuxt 在 X 上

了解 Nuxt 2.12 中 fetch 的工作原理

探索 fetch 钩子的不同功能，并学习一种将数据引入 Nuxt 应用程序的全新方式。

引入智能预取

从 Nuxt v2.4.0 开始，Nuxt 默认会在可见视口中自动预取与 nuxt-link 链接的代码分割页面。