Lzh on GitHub

本地调试

在本地开发中验证你的自定义。

目的

本节旨在说明如何在本地验证你的自定义，然后再发布到生产环境。

以下情况可能会有所帮助：

教程

在 Studio 上导入你的项目

在本地克隆你的存储库

在开发环境中启用 Nuxt Content 预览

nuxt.config.ts
export default defineNuxtConfig({
  content: {
    preview: {
      // force module initialization on dev env
      dev: true
    }
  }
})

使用你的开发命令和 --tunnel 启动你的应用程序，将其暴露给互联网

Terminal
npx nuxt dev --tunnel

确保元数据文件已生成

__preview.json file should accessible from https://your-localtunnel-url/__preview.json

复制隧道 URL 并将其复制到 Studio 平台部署选项卡的自托管部分

就是这样！你现在应该能够访问 Studio UI 并确认你的配置界面已成功生成，并且你的 Vue 组件及其 props 和 slots 在编辑器中可用。
对你的 nuxt.config.ts 文件的任何修改或 Vue 文件中的任何更改都需要重启 Nuxt 开发服务器。服务器重启后，你可以通过调用命令菜单中的 Sync meta 操作 () 来同步 Studio 界面。刷新 Studio 应用程序也应该应用更新。