nuxt add

Source
Добавление сущности (модуля и т.п.) в приложение Nuxt.
Terminal
npx nuxt add <TEMPLATE> <NAME> [--cwd=<directory>] [--logLevel=<silent|info|verbose>] [--force]

Аргументы

АргументОписание
TEMPLATEКакой шаблон генерировать (api, app, app-config, component, composable, error, layer, layout, middleware, module, page, plugin, server-middleware, server-plugin, server-route, server-util)
NAMEИмя генерируемого файла

Опции

ОпцияПо умолчаниюОписание
--cwd=<directory>.Рабочая директория
--logLevel=<silent|info|verbose>Уровень логирования при сборке
--forcefalseПерезаписать файл, если уже существует

Модификаторы:

Некоторые шаблоны поддерживают флаги-модификаторы, добавляющие суффикс к имени (например .client или .get).

Terminal
# Создаёт `/plugins/sockets.client.ts`
npx nuxt add plugin sockets --client

nuxt add component

  • Модификаторы: --mode client|server или --client, или --server
Terminal
# Создаёт `app/components/TheHeader.vue`
npx nuxt add component TheHeader

nuxt add composable

Terminal
# Создаёт `app/composables/foo.ts`
npx nuxt add composable foo

nuxt add layout

Terminal
# Создаёт `app/layouts/custom.vue`
npx nuxt add layout custom

nuxt add plugin

  • Модификаторы: --mode client|server или --client, или --server
Terminal
# Создаёт `app/plugins/analytics.ts`
npx nuxt add plugin analytics

nuxt add page

Terminal
# Создаёт `app/pages/about.vue`
npx nuxt add page about
Terminal
# Создаёт `app/pages/category/[id].vue`
npx nuxt add page "category/[id]"

nuxt add middleware

  • Модификатор: --global
Terminal
# Создаёт `app/middleware/auth.ts`
npx nuxt add middleware auth

nuxt add api

  • Модификатор --method (значения: connect, delete, get, head, options, patch, post, put, trace) или короткие флаги --get, --post и т.д.
Terminal
# Создаёт `server/api/hello.ts`
npx nuxt add api hello

nuxt add layer

Terminal
# Создаёт `layers/subscribe/nuxt.config.ts`
npx nuxt add layer subscribe