ДокументацияБлок 1: основы
Создайте приложение для заметок с помощью Nexy, часть 1: создайте проект
В первой части руководства создается проект, который вы превратите в приложение для заметок, и запускаете его в браузере примерно за пять минут.
Прежде чем начать: uv и Node.js 20 или новее. Учебное пособие следует за маршрутизатором, выбранным в верхней части меню: переключите его туда, и каждая часть покажет файлы этого маршрутизатора.
Что вы построите
К концу руководства в приложении появятся страницы и API JSON для заметок, база данных, учетные записи, заметки, передаваемые по электронной почте, текущие обновления, тесты и производственная сборка. Каждая часть заканчивается запуском приложения, поэтому вы можете остановиться после любой из них.
Создать проект
uvx nexy new notesОтветьте на вопросы следующим образом:
| Вопрос | Ответ |
|---|---|
| Файловый маршрутизатор? | Yes для файловых и пользовательских маршрутизаторов, No для модульных |
| Тип проекта | Web |
| Маршрутизация на стороне клиента | No: сервер отображает страницы |
| Клиентская платформа | React: оно возвращается в блоке 4, для островов |
| Стиль | Tailwind CSS |
| Импортировать псевдоним | @ |
| ОРМ | No database: часть 5 добавляет один |
Пользовательский маршрутизатор — это файловый маршрутизатор плюс уже имеющийся у вас APIRouter. В этом руководстве приложение создается с помощью файлов; Включить существующий FastAPI маршрутизатор показывает, как установить ваш рядом с ними.
Запусти это
cd notessource .venv/bin/activate # Windows: .venv\Scripts\activatenexy devОткройте http://localhost:3000. Вы должны увидеть страницу приветствия. Оставьте nexy dev включенным: с этого момента каждый сохраняемый вами файл будет перезагружать браузер.
Что вы узнали
uvx nexy newсоздает проект и устанавливает его пакеты Python и JavaScript.nexy devобслуживает его и перезагружается при сохранении.
- Страницы живут в
src/routes/: следующая часть добавляет одну.
- Контроллеры и их представления находятся в
src/apps/: следующая часть добавляет один.
Следующие шаги
- Часть 2: страницы и макеты
- Структура проекта: для чего нужен каждый файл проекта