Изучите Nuxt с коллекцией из 100+ советов!
Создание сущности в вашем приложении Nuxt.
Terminal
npx nuxi add [--cwd] [--force] <TEMPLATE> <NAME>
ПараметрПо умолчаниюОписание
TEMPLATE-Укажите шаблон файла, который будет сгенерирован.
NAME-Укажите имя файла, который будет создан.
--cwd.Директория целевого приложения.
--forcefalseПринудительное переопределение файла, если он уже существует.

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

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

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

nuxi add component

  • Флаги модификаторов: --mode client|server или --client или --server
Terminal
# Создает `components/TheHeader.vue`
npx nuxi add component TheHeader

nuxi add composable

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

nuxi add layout

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

nuxi add plugin

  • Флаги модификаторов: --mode client|server или --client или --server
Terminal
# Создает `plugins/analytics.ts`
npx nuxi add plugin analytics

nuxi add page

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

nuxi add middleware

  • Флаги модификаторов: --global
Terminal
# Создает `middleware/auth.ts`
npx nuxi add middleware auth

nuxi add api

  • Флаги модификаторов: --method (может принять connect, delete, get, head, options, patch, post, put или trace) или, наоборот, вы можете напрямую использовать --get, --post, и другое.
Terminal
# Создает `server/api/hello.ts`
npx nuxi add api hello