Nuxt

nuxt.com
值得了解
framework

Vue 生态的全栈框架,提供路由、服务端渲染、数据获取和部署能力。

官方首页截图
打开官网
Nuxt 官网截图

Tool profile

Nuxt 是什么?

Nuxt 在 Vue 之上补齐了应用级工程能力:约定式路由、服务端渲染、混合渲染和模块生态都可以从同一项目启动。对 Vue 开发者来说,它把从页面到上线的路径压缩得很短。

Nuxt 能做什么?

01
适合谁

已经在 Vue 生态中,希望快速搭建产品站或全栈应用的人

02
解决什么问题

避免自行拼接 Vue 路由、SSR、构建和部署配置

03
价格与成本

价格、免费额度和政策会变化;采购前请以官网当前的计划、用量限制和地区政策为准。

04
推荐使用场景

Vue 产品官网、内容与应用混合站点、中小型全栈 MVP

05
主要替代品

nextjs、sveltekit

06
选型判断

Vue 团队优先从 Nuxt 的默认约定开始,只有遇到明确限制时再引入额外模块。

使用场景

“Vue 产品官网:已经在 Vue 生态中,希望快速搭建产品站或全栈应用的人,重点是避免自行拼接 Vue 路由、SSR、构建和部署配置。

“内容与应用混合站点:已经在 Vue 生态中,希望快速搭建产品站或全栈应用的人,重点是避免自行拼接 Vue 路由、SSR、构建和部署配置。

“中小型全栈 MVP:已经在 Vue 生态中,希望快速搭建产品站或全栈应用的人,重点是避免自行拼接 Vue 路由、SSR、构建和部署配置。

需要注意

Nuxt 的模块和运行模式很多,项目开始变复杂后需要严格管理服务端与客户端边界。

Vue 团队优先从 Nuxt 的默认约定开始,只有遇到明确限制时再引入额外模块。