Nuxt Studio

本地调试

在本地开发环境中验证您的自定义内容。

目的

本节的目标是说明如何在发布到生产环境前，在本地验证您的自定义内容。

如果您想：

这将对您有所帮助。

nuxt.config.ts

export default defineNuxtConfig({
  content: {
    preview: {
      // 强制在开发环境初始化模块
      dev: true
    }
  }
})

Terminal

npx nuxt dev --tunnel

本地隧道暴露

__preview.json 文件应可通过 https://your-localtunnel-url/__preview.json 访问

就这样！现在您应该能够访问 Studio UI，确认您的配置接口已成功生成，并且您的 Vue 组件及其属性和插槽在编辑器中可用。

任何对 nuxt.config.ts 文件的修改或 Vue 文件的更改，都需要重启 Nuxt 开发服务器。服务器重启后，您可以通过命令菜单调用 Sync meta 操作 K 来同步 Studio 接口。刷新 Studio 应用也会应用更新。

应用配置

了解如何通过提供 schema 在 Studio 中定制应用配置编辑。确保顺畅且结构化的内容管理体验。