Learn Nuxt with a Collection of 100+ Tips!

基于 Vue.js 的
全栈 Web 应用框架

Nuxt 是一个开源框架,使 Web 开发直观而强大。
自信地创建高性能和生产级全栈网络应用程序和网站。
开始使用

受到最好的前端团队信任

强大的
Vue 组件

我们和您一样喜欢 Vue 单文件组件。简单、直观且功能强大,Nuxt 允许您以有意义的方式编写 Vue 组件。每个重复的任务都是自动化的,因此您可以自信地专注于编写全栈 Vue 应用程序。
app.vue
<script setup>
useSeoMeta({
  title: 'Meet Nuxt',
  description: 'The Intuitive Vue Framework.'
})
</script>

<template>
  <div id="app">
    <AppHeader />
    <NuxtPage />
    <AppFooter />
  </div>
</template>

<style>
#app {
  background-color: #020420;
  color: #00DC82;
}
</style>

静态还是动态
由你选择

在路由级别决定您需要的渲染策略。通过利用混合渲染,您可以兼顾静态站点的性能和动态站点的交互性。
<script setup>
// Pre-render the homepage at build time
defineRouteRules({
  prerender: true
})
</script>

<template>
  <div>
    <h1>Homepage</h1>
    <p>Pre-rendered at build time</p>
  </div>
</template>

结合你
所需要的一切

路由和布局

基于文件的路由系统,以强大而传统的方法构建复杂的视图和接口。

数据获取

在服务器上运行的可组合项,用于为您的组件获取数据并使您能够以不同方式呈现内容。

资源和样式

图像、字体和脚本优化,内置支持 CSS 模块、Sass、PostCSS、CSS-in-JS 等。

SEO 和元标签

生产准备就绪,可由搜索引擎进行索引,同时给最终用户带来应用程序的感觉。

中间件

在渲染页面或一组页面之前,运行自定义代码,如身份验证、本地化或 A/B 测试。

状态管理

Nuxt 提供了一种简单的方式,在组件之间共享一个响应式且支持 SSR 的状态。

过渡

在布局、页面和组件之间创建流畅的过渡,内置对 Vue 和浏览器过渡的支持。

错误处理

内置错误处理和日志记录,帮助您调试应用程序并提供更好的用户体验。

层级

使用另一个 Nuxt 应用程序扩展您的 Nuxt 应用程序,以重复使用组件、可组合项、布局、页面等。

服务器路由

创建 API 端点和服务器路由,以安全地连接到第三方服务,并从您的前端使用。

自动导入

Nuxt 会自动导入帮助函数、组合式和 Vue API,以便在整个应用程序中使用,无需显式导入它们。

TypeScript

Nuxt 提供有用的快捷方式,以确保您在编码时可以访问准确的类型信息。

使用集成
提高开发效率

与您最喜欢的工具和服务集成。Nuxt 具有灵活性,可以通过强大的模块生态系统进行扩展。用一行代码将您的应用程序与流行的无头 CMS、电子商务、数据库或 UI/UX 库连接起来。
NetlifyNuxtHubVercelHerokuCloudflareAmplifyDigitalOceanTailwind CSSSupabaseStripeFirebaseStrapiWordPressDirectusStoryblokSanitySentryShopifyMeilisearchAlgolia

由世界各地的
开发人员共同构建

Nuxt 及其生态系统的开发由一个国际团队领导。从贡献者到开发人员倡导者,社区由具有不同视野和技能的成员组成。我们很高兴每天都能看到新成员,并鼓励任何人加入我们,并以多种方式提供帮助:回答问题、发表演讲、创建模块和为核心做出贡献。

深受全球
开发者们的信赖

Nuxt 提供了一个引人注目的解决方案和一个伟大的生态系统,帮助您提供高性能和 SEO 友好的全栈 Vue 应用程序。在 SSR 和 SSG 之间进行选择的灵活性是锦上添花。
Evan You

Evan You

Vue.js 和 Vite 的创建者

对于在网络上构建生产级产品的团队来说,Nuxt 是一个绝佳的选择。它的目标是在保持出色的 Vue.js DX 的同时,融入性能方面的最佳实践。
Addy Osmani

Addy Osmani

Chrome 首席工程师

Nuxt 已经成为开发人员和框架作者的创新和灵感的不可思议的来源。看到它在各种规模的 Web 项目中的增长真是令人惊讶。
Guillermo Rauch

Guillermo Rauch

Vercel 联合创始人兼首席技术官

Nuxt 具有出色的开发者生产力、体验和性能!非常注重细节,确保团队可以轻松构建各种类型的应用程序。
Sarah Drasner

Sarah Drasner

Google 工程总监

Nuxt 以独特的方式将出色的开发者体验与可重复使用、完全集成的功能相结合,从而加快您下一个网站或应用程序的开发和性能。
Dominik Angerer

Dominik Angerer

Storyblok 联合创始人

第一次使用 Nuxt 的时候,我就爱上了它。除了它的可扩展性、性能和开发经验之外,背后的团队也很棒。感谢开发这样一个伟大的框架,让我们的生活变得更轻松!
Savas Vedova

Savas Vedova

GitLab 高级前端工程师

Nuxt 将高性能和专注的开发人员体验相结合,改变了游戏规则。它的 SSR 和 SSG 灵活性,加上像 Vue.js 生态系统一样充满活力的社区,使其成为现代网络项目的绝佳选择。
Rijk van Zanten

Rijk van Zanten

Directus 首席技术官