Установка
Начните работать с Nuxt сразу: в онлайн-песочнице или локально через терминал.
Попробовать онлайн
Если вы хотите попробовать Nuxt в браузере без установки проекта, воспользуйтесь онлайн-песочницей:
Или следуйте шагам ниже, чтобы запустить проект на своём компьютере.
Новый проект
Требования
- Node.js -
22.xили новее (рекомендуем активный LTS-релиз) - Редактор кода — жёстких требований к IDE нет; удобны Visual Studio Code с официальным расширением Vue (ранее Volar) или WebStorm и другие IDE JetBrains с поддержкой Nuxt из коробки. В других редакторах (например Neovim) можно настроить Vue Language Server по инструкциям Vue Language Tools.
- Терминал — чтобы запускать команды Nuxt
- Node.js: Используйте чётную версию (22, 24 и т. д.)
- Neovim: При настройке Vue TypeScript-плагина убедитесь, что
locationуказывает на каталог пакета@vue/language-server, а не на его бинарник. См. руководство по настройке Neovim. - WSL: Если вы используете Windows и испытываете медленный HMR, попробуйте WSL (Windows Subsystem for Linux) — это может решить проблемы с производительностью.
- Медленное разрешение DNS в Windows: Вместо
localhost:3000для локального dev-сервера на Windows используйте127.0.0.1— в браузере загрузка будет значительно быстрее.
Создание нового проекта
Откройте терминал (в Visual Studio Code можно открыть встроенный терминал) и выполните команду для создания стартового проекта:
npm create nuxt@latest <project-name> -- -t v3
yarn create nuxt <project-name> -t v3
pnpm create nuxt@latest <project-name> -t v3
# можно использовать, когда https://github.com/oven-sh/bun/issues/29087 будет исправлено
# bun create nuxt@latest <project-name> -t v3
bunx create-nuxt@latest init <project-name> -t v3
deno -A npm:create-nuxt@latest <project-name> -t v3
Откройте папку проекта в Visual Studio Code:
Terminal
code <project-name>
Или измените текущую директорию на директорию вашего проекта:
cd <project-name>
Сервер разработки
Теперь можно запустить приложение Nuxt в режиме разработки:
npm run dev -- -o
yarn dev --open
pnpm dev -o
bun run dev -o
# Чтобы использовать Bun runtime во время разработки
# bun --bun run dev -o
deno run dev -o
Отлично! Теперь в окне браузера должно автоматически открыться http://localhost:3000.
Следующие шаги
Теперь, когда проект Nuxt создан, можно переходить к разработке приложения.