Изучите Nuxt с коллекцией из 100+ советов!

Установка

Начните работать с Nuxt мгновенно с нашими онлайн песочницами или запустите проект локально с помощью терминала.

Посмотреть онлайн

Если вы хотите попробовать Nuxt в своем браузере без локальной установки, вы можете воспользоваться нашими онлайн песочницами:

Open on StackBlitz

Open on CodeSandbox

Или следуйте следующим шагам для запуска проекты на вашем компьютере.

Новый проект

Требования

Дополнительные указания для оптимального запуска:
  • Node.js: Убедитесь, что вы используете четную версию (18, 20, и т. д.)
  • Nuxtr: Установите расширение разработанное сообществом Nuxtr extension

Откройте терминал (Если вы используеме Visual Studio Code, вы можете открыть встроенный терминал) и введите следующие команды для запуска нового проекта:

npx nuxi@latest init <имя-проекта>
Также, вы можете найти готовые стартовые шабломы или темы на nuxt.new и следовать инструкциям там.

Откройтке папку своего проекта в Visual Studio Code:

Terminal
code <имя-проекта>

Или измените текущую директорию на директорию вашего проекта:

cd <имя-проекта>

Сервер разработки

Теперь вы можете запустить приложение Nuxt в режиме разработки:

npm run dev -- -o
Отлично! Теперь в окне браузера должно автоматически открыться http://localhost:3000.

Следующие шаги

Теперь когда вы создали свой проект Nuxt, вы можете начать создавать свое приложение.

Узнать больше Концепция Nuxt.