Установка
Начните работать с Nuxt сразу: в онлайн-песочнице или локально через терминал.
Попробовать онлайн
Если вы хотите попробовать 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: на Windows при медленном HMR попробуйте WSL (Windows Subsystem for Linux) — это часто улучшает производительность.
- Медленное разрешение DNS в Windows: для локального dev-сервера вместо
localhost:3000используйте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
bun create nuxt@latest <project-name> -t v3
deno -A npm:create-nuxt@latest <project-name> -t v3
Также можно выбрать другие стартеры или темы на 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
# To use the Bun runtime during development
# bun --bun run dev -o
deno run dev -o
Отлично! Теперь в окне браузера должно автоматически открыться http://localhost:3000.
Следующие шаги
Теперь, когда проект Nuxt создан, можно переходить к разработке приложения.