Установка
Быстрый старт с Nuxt: онлайн-стартеры или локальная установка через терминал.
Играть онлайн
Если хотите попробовать Nuxt в браузере без настройки проекта, используйте один из наших онлайн-sandbox:
Либо выполните шаги ниже, чтобы создать новый проект Nuxt на своём компьютере.
Новый проект
Требования
- Node.js —
20.xили новее (рекомендуется активный LTS) - Текстовый редактор — жёстких требований к IDE нет; рекомендуем Visual Studio Code с официальным расширением Vue (ранее Volar) или WebStorm, который вместе с другими IDE JetBrains хорошо поддерживает Nuxt из коробки. Для другого редактора (например Neovim) можно настроить Vue Language Server по гайдам Vue Language Tools.
- Терминал — для запуска команд Nuxt
Дополнительные замечания для оптимальной настройки:
- Node.js: используйте чётную версию (20, 22 и т.д.)
- Neovim: при настройке плагина Vue TypeScript укажите в
locationдиректорию пакета@vue/language-server, а не бинарник. См. гайд по Neovim. - WSL: при медленном HMR на Windows можно попробовать WSL — это может устранить проблемы с производительностью.
- Медленный DNS на Windows: вместо
localhost:3000для локального dev-сервера используйте127.0.0.1для более быстрой загрузки в браузере.
Откройте терминал (в Visual Studio Code можно открыть встроенный терминал) и выполните команду для создания нового стартового проекта:
npm create nuxt@latest <project-name>
yarn create nuxt <project-name>
pnpm create nuxt@latest <project-name>
bun create nuxt@latest <project-name>
deno -A npm:create-nuxt@latest <project-name>
Другие стартеры и темы можно найти на nuxt.new, следуя инструкциям там.
Откройте папку проекта в 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 при разработке
# bun --bun run dev -o
deno run dev -o
Готово! Окно браузера должно открыться на http://localhost:3000.
Дальнейшие шаги
Проект Nuxt создан — можно приступать к разработке приложения.