Nuxt.js 是什么？

Nuxt.js 是一个基于 vue.js 的通用应用框架。目前已更新到Nuxt 3.0 版本了。

通过对客户端/服务端基础架构的抽象组织，Nuxt.js 主要关注的是应用的 UI渲染。

我们的目标是创建一个灵活的应用框架，你可以基于它初始化新项目的基础结构代码，或者在已有 Node.js 项目中使用 Nuxt.js。

Nuxt.js 预设了利用Vue.js开发服务端渲染的应用所需要的各种配置。

除此之外，我们还提供了一种命令叫：nuxt generate，为基于 Vue.js 的应用提供生成对应的静态站点的功能。

我们相信这个命令所提供的功能，是向开发集成各种微服务（microservices）的 Web 应用迈开的新一步。

作为框架，Nuxt.js 为 客户端/服务端 这种典型的应用架构模式提供了许多有用的特性，例如异步数据加载、中间件支持、布局支持等。

Nuxt.js的特性

基于 Vue.js

自动代码分层

服务端渲染

强大的路由功能，支持异步数据

静态文件服务

ES6/ES7 语法支持

打包和压缩 JS 和 css

html头部标签管理

本地开发支持热加载

集成ESLint

支持各种样式预处理器： SASS、LESS、 Stylus等等

支持HTTP/2 推送

Nuxt3 新特性

Nuxt 3 的重构精简了内核，并且让速度更快，开发体验更好。

更轻量

以现代浏览器为目标的情况下，服务器部署和客户端产物最多可达 75倍的减小。

更快

用动态服务端代码分割来优化冷启动，由 nitro 提供能力。

Hybrid

增量静态生成和其他高级模式现在都成为可能。

Suspense

导航前后皆任何组件中获取数据。

Composition api

使用 Composition API 和 Nuxt 3 的 composables 实现真正的可复用性。

Nuxt CLI

全新的零依赖体验，助您轻松搭建项目和集成模块。

Nuxt Devtools

更多的信息和快速修复，在浏览器中高效工作。

Nuxt Kit

全新的基于 Type 和跨版本兼容的模块开发。

webpack 5

更快的构建速度和更小的构建产物，并且零配置。

Vite

用 Vite 作为你的打包器，体验轻量级的快速 HMR。

Vue3

Vue3 会成为您下一个应用的坚实基础。

Type

由原生 Type 和 ESM 构成 —— 没有额外的步骤。

Nitro 引擎

我们在 Nuxt 的新服务端引擎 Nitro上工作了整整 9 个月。它解锁了 Nuxt 服务端等方面新的全栈能力。

链接: https://fly63.com/nav/265