Vue.js 通用应用框架 Nuxt.js 发布 1.0 版

阅读数:1880 2018 年 1 月 21 日

话题:JavaScript语言 & 开发

看新闻很累?看技术新闻更累?试试下载 InfoQ 手机客户端,每天上下班路上听新闻,有趣还有料!

Nuxt.js 是一种创建 Vue.js 通用应用的开源框架。近期,Nuxt.js 发布了 1.0 版本,宣称对框架做了一定简化,并加速了 Vue.js 应用的创建。Nuxt.js 可用于创建服务端渲染(SSR,Server Side Rendering)应用,也可用于创建单页面(SPA,Single Page Application)应用,或是生成静态站点。

Nuxt.js 抽象出了服务端 / 客户端分布的细节,使开发人员可以聚焦于应用的开发。框架中预设了在服务端无缝渲染 Vue.js 应用所需的所有配置,同时也可在初次页面加载时将应用作为客户端 SPA 进行流化(Hydration)。

Nuxt.js 还提供了一系列开箱即可用的有用工具,例如异步数据管理、中间件支持和布局支持。该框架使用vue-loaderbabel-loader处理捆绑(bundling)、代码分层(code-splitting)和压缩(minification),自动生成 WebPack 打包配置。框架可以作为单应用使用,也可作为一个软件库,集成到现有的 Node.js 应用中。

尽管Next.js已于 2016 年 10 月发布,但是 Nuxt.js 一直处于开发中。Next.js 是一个类似的框架,聚焦于 React 开发。此类框架的目标是将 React 和 Vue 等高级 JavaScript 框架的开发人员,从配置服务端渲染等烦心事中解放出来。

在 CSS Tricks 上曾发表了一篇 Sarah Drasner 撰写的Nuxt.js 介绍文章。文中,Drasner 高度评价了 Nuxt.js 的一些特性,包括易于集成服务端渲染、自动代码拆分、强大的路由功能、易于页面转换,以及基于 Vue 文件的页面和布局等。所有这些特性均是开箱即可用的。

Nuxt.js 提供了一个插件系统,用于集成需访问应用生命周期的外部 JavaScript 软件库。它还提供了一个灵活的模块系统,用于重用更多的复杂功能。Nuxt.js 还具有一个活跃的社区,开发各种开源模块和扩展,并可快速地集成到 Nuxt.js 应用中。

Nuxt.js 的创建人和核心开发者 Sebastien Chopin 通过博客帖子给出了版本发行说明。其中指出,当前 Nuxt.js 团队正致力于改进文档和社区资源:

为帮助用户上手,我们计划添加一些教程和视频。我们还计划将所有的入门模板集中于一处,给出一个新的工具create-nuxt-app

想要入门的开发人员,可以翻阅Nuxt.js 指南Sitepoint 上提供的详细教程,或是深入查看 API 文档内容,从中了解该框架的功能、架构情况以及一些更高层面上的考虑。

查看英文原文: Universal Vue.js Application Framework Nuxt.js Reaches 1.0