透過超過 100 條秘訣學習 Nuxt!

studio
@nuxthq/studio

使用 Nuxt 建構內容驅動網站的全新體驗。

Nuxt Studio 模組

Nuxt Studio 的官方模組。

在任何裝置上編輯您使用 Nuxt Content 製作的網站,並於生產環境中進行。

📖  官方文件

功能

安裝

將依賴套件安裝到您的專案

npx nuxi@latest module add studio

然後,在您的 nuxt.config.ts 中註冊模組

export default defineNuxtConfig({
  modules: [
    '@nuxthq/studio'
  ]
})

設定

查看我們的設定需求,以使用 Studio 編輯器。

預設情況下,Studio API 是 https://api.nuxt.studio。如果您想要自訂它,您可以設定 STUDIO_API 環境變數。

# .env
STUDIO_API=https://127.0.0.1:{PORT}

每夜建置版本

您可以執行以下命令來安裝 Studio 模組的最新每夜建置版本

npx nuxi@latest module add studio

開發

  • 執行 pnpm i 以安裝依賴套件。
  • 執行 pnpm dev:prepare 以在開發模式下準備模組。
  • 執行 pnpm dev 以使用 playground/ 作為專案來啟動開發伺服器。
  • 造訪 https://127.0.0.1:3000/

授權條款

MIT 授權條款

版權所有 (c) NuxtLabs