介绍·快速入门Nuxt

Nuxt是一个免费且开源的框架,它提供了一种直观且可扩展的方式来创建类型安全、高性能和生产级别的全栈Web应用和网站,使用的是Vue.js。

我们做了一切,让你从一开始就可以编写.vue文件,同时在开发中享受到热模块替换的便利,并在生产中获得高性能的应用,其中默认启用了服务器端渲染。

Nuxt没有供应商锁定,允许你将应用部署到任何地方,甚至是边缘。

Nuxt使用约定和一套规范的目录结构来自动化重复的任务,让开发者可以专注于推动功能的开发。配置文件仍然可以自定义和覆盖其默认行为。

Nuxt负责处理这些事情,并提供前端和后端功能,让你可以专注于创建你的Web应用。

Nuxt默认具备内置的服务器端渲染(SSR)能力,无需自己配置服务器,这对于Web应用有许多好处:

总体而言,服务器端渲染可以提供更快更高效的用户体验,同时改善搜索引擎优化和可访问性。

由于Nuxt是一个多功能的框架,它允许你将整个应用程序静态渲染为静态托管,使用nuxt generate进行部署,通过ssr: false选项在全局禁用SSR,或通过设置routeRules选项来实现混合渲染。

Read more in Nuxt渲染模式.

Nuxt的服务器引擎Nitro开启了全新的全栈能力。

在开发中,它使用Rollup和Node.js工作线程来处理你的服务器代码和上下文隔离。它还通过读取server/api/中的文件生成你的服务器API,以及读取server/middleware/中的文件生成服务器中间件。

在生产中,Nitro将你的应用程序和服务器构建为一个通用的.output目录。这个输出是轻量级的:经过压缩,并且不包含任何Node.js模块(除了polyfills)。你可以将此输出部署到支持JavaScript的任何系统上,包括Node.js、无服务器(Serverless)、Workers、边缘渲染或纯静态环境。

Read more in Nuxt服务器引擎.

Nuxt应用程序可以部署在Node或Deno服务器上,预渲染以在静态环境中托管,或部署到无服务器和边缘提供商。

Read more in 部署部分.

Nuxt的模块系统允许你扩展Nuxt以添加自定义功能和与第三方服务的集成。

Read more in Nuxt模块概念.

Nuxt由不同的核心包组成:

我们建议阅读每个概念,以全面了解Nuxt的功能和每个包的范围。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享