欢迎来到 Nuxt 教程！

这是一个由指南和挑战组成的交互式教程，可帮助您逐步学习 Nuxt 及其概念。

本教程的目的是让您快速体验 在浏览器 中使用 Nuxt 和 Vue 的感觉。它并不力求全面，您无需在继续之前了解所有内容。所有沙盒环境均可使用功能齐全的编辑器和开发环境进行编辑，因此您可以试用代码并立即查看结果，并通过实践进行学习。

什么是 Nuxt？

Nuxt 是一个免费的开源框架，它以直观且可扩展的方式使用 Vue.js 创建类型安全、高性能和生产级的全栈 Web 应用程序和网站。Nuxt 不受供应商限制，允许您在任何地方（适配边缘运行时环境）部署应用程序。

入门

通过本教程，我们假定你已经熟悉 HTML、CSS 和 JavaScript 的基本概念。Nuxt 是一个基于 Vue 构建的全栈框架，我们还提供了一个简单的 Vue 教程，以助你快速入门。

点击下方主题开始学习：

案例研究

一旦你熟悉了 Vue 和 Nuxt 的相关概念，我们提供了一些案例研究，以帮助你了解如何在实际应用中使用 Nuxt：

关于本沙盒环境

这个沙盒环境本身也是用 Nuxt 构建的。它使用了：

• WebContainers 可在你的浏览器中创建一个功能完备的 Node.js 环境，以运行 Nuxt 开发服务器。
• Nuxt Content 为该沙盒环境提供内容管理功能。
• Monaco Editor 提供一个具备语法高亮和代码自动补全功能的代码编辑器。
• Volar 为 Monaco 编辑器提供 Vue 和 TypeScript 语言支持。

你可以在 GitHub 上查看源代码，以深入了解这个沙盒环境是如何构建的。