manbetxapp

nuxt:从终端到浏览器

2019年6月4日1分钟阅读
拍摄者戴夫拉克

我们如何更改开发人员体验以停止在终端和浏览器之间切换。

nuxt.js是一个vue.js框架,用于创建不同类型的Web应用程序相同的目录结构和约定:普遍,单页,PWA或静态生成。

ℹ️这些功能都提供v2.8.0释放

问题

  1. 使用WebPack或任何Bundler开发JavaScript应用程序需要在浏览器和终端之间切换进行调试目的。
  2. 使用console.log.调试应用程序呈现服务器时需要记住在刷新页面时将在终端上显示日志。

解决方案

  1. 在浏览器中转发WebPack构建状态,并以花哨的方式显示它们。

Foward-webpack-build-state

  1. 热模块替换相同(当项目变得更大时真的很有用,需要更多时间重新构建)。

Nuxt-Build-指示器-HMR

  1. 将SSR转发到开发模式下的浏览器

NUXT-SSR-LOGS-转发

nuxt愿景

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

现在,您可以重点关注您的代码及其视觉结果

懒惰,聪明,是怒吼。

链接:

网客 DX.