nuxt add

Исходный код
Создаёт сущность (файл по шаблону) в приложении 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
# Создаёт `components/TheHeader.vue`
npx nuxt add component TheHeader

nuxt add composable

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

nuxt add layout

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

nuxt add plugin

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

nuxt add page

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

nuxt add middleware

  • Модификаторы: --global
Terminal
# Создаёт `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