Установка
Быстро начните работу с Nuxt с помощью наших онлайн-сервисов или начните локально с вашего терминала.
Новый проект
Предпосылки
- Node.js -
20.xили новее (но мы рекомендуем использовать активную версию LTS) - Текстовый редактор - Требования к IDE отсутствуют, но мы рекомендуем Visual Studio Code с официальным расширением Vue (ранее известным как Volar) или WebStorm, которые, наряду с другими IDE от JetBrains, предлагают отличную поддержку Nuxt прямо из коробки. Если вы используете другой редактор, например Neovim, вы можете настроить поддержку языкового сервера Vue, следуя руководствам по настройке языковых средств Vue.
- Терминал - Для выполнения команд Nuxt
Дополнительные указания для оптимальной настройки:
- Node.js: Обязательно используйте версию с четным номером (20, 22 и т.д.).
- Neovim: При настройке плагина Vue TypeScript убедитесь, что
locationуказывает на каталог пакетов@vue/language-server, а не на его двоичный файл. Рабочую конфигурацию смотрите в руководстве по установке Neovim. - WSL: Если вы используете Windows и у вас медленно работает HMR, вы можете попробовать использовать WSL (подсистему Windows для Linux), которая может решить некоторые проблемы с производительностью.
- Windows замедляет разрешение DNS: вместо использования
localhost:3000для локального сервера разработки в Windows используйте127.0.0.1для более быстрой загрузки в браузерах.
Откройте терминал (если вы используете Visual Studio Code, вы можете открыть встроенный терминал) и используйте следующую команду для создания нового стартового проекта:
NPM
npm create nuxt@latest <project-name>
Yarn
yarn create nuxt <project-name>
PNPM
pnpm create nuxt@latest <project-name>
Bun
bun create nuxt@latest <project-name>
Deno
deno -A npm:create-nuxt@latest <project-name>
Кроме того, вы можете найти другие стартовые инструкции или темы, открыв nuxt.new и следуя инструкциям там.
Откройте папку вашего проекта в Visual Studio Code:
code <project-name>
Или перейдите в новый проект с вашего терминала:
cd <project-name>
Сервер разработки
Теперь вы сможете запустить свое приложение Nuxt в режиме разработки:
NPM
npm run dev -- -o
Yarn
yarn dev --open
PNPM
pnpm dev -o
Bun
bun run dev -o
# Чтобы использовать среду выполнения Bun во время разработки
# bun --bun run dev -o
Deno
deno run dev -o