透過 100 多個訣竅學習 Nuxt!

Nuxt Kit

@nuxt/kit 為模組開發者提供功能。

Nuxt Kit 提供可組合的實用工具,使與 Nuxt HookNuxt 介面互動,以及開發 Nuxt 模組變得非常容易。

探索所有 Nuxt Kit 實用工具。

用法

安裝相依性

您可以將最新的 Nuxt Kit 加入到 package.jsondependencies 區段來安裝。但是,請考慮始終明確安裝 @nuxt/kit 套件,即使 Nuxt 已經安裝了它。

@nuxt/kit@nuxt/schema 是 Nuxt 的重要相依性。如果您是單獨安裝,請確保 @nuxt/kit@nuxt/schema 的版本等於或大於您的 nuxt 版本,以避免任何意外的行為。
package.json
{
  "dependencies": {
    "@nuxt/kit": "npm:@nuxt/kit-nightly@latest"
  }
}

匯入 Kit 實用工具

test.mjs
import { useNuxt } from '@nuxt/kit'
文件 > API > Kit 中閱讀更多資訊。
Nuxt Kit 實用工具僅適用於模組,不應在執行階段(元件、Vue composables、頁面、外掛程式或伺服器路由)中匯入。

Nuxt Kit 是一個 僅限 esm 的套件,這表示您**無法** require('@nuxt/kit')。作為一種變通方法,請在 CommonJS 環境中使用動態匯入。

test.cjs
// This does NOT work!
// const kit = require('@nuxt/kit')
async function main() {
  const kit = await import('@nuxt/kit')
}
main()